Skip to content

Commit 3c6c2a5

Browse files
authored
docs: installation and creating page fixes (#1526)
<!-- PR을 보내주셔서 감사합니다! 여러분과 같은 기여자들이 React를 더욱 멋지게 만듭니다! 기존 이슈와 관련된 PR이라면, 아래에 이슈 번호를 추가해주세요. --> # docs: installation 페이지 중복 문구 제거 및 creating-a-react-app 오탈자 수정 `src/content/learn/installation.md`와 `src/content/learn/creating-a-react-app.md`의 문구를 정리했습니다. ## 1) `installation.md` - 로컬 환경에서 React를 시도하는 안내 문구가 중복으로 노출되던 부분을 제거했습니다. - 중복 문구와 함께 불필요해진 소제목을 제거해 영문 원문 흐름에 맞게 정리했습니다. <table> <tr> <td align="center"> <img src="https://github.com/user-attachments/assets/4be6193a-cee2-4fe5-a2bd-4b5d998910e1" width="600" /> </td> <td align="center"> <img src="https://github.com/user-attachments/assets/c92e72cd-0151-4c63-9792-2b71ca6ddf5e" width="600" /> </td> </tr> <tr> <td align="center"><b>Before</b></td> <td align="center"><b>After</b></td> </tr> <tr> <td align="left"> <sub> `로컬 환경에서 React 시도하기` 소제목과 동일한 안내 문구가 `새로운 React 프로젝트 시작하기` 아래에서 한 번 더 반복됩니다. </sub> </td> <td align="left"> <sub> 중복 안내 문구를 제거하고 소제목도 함께 정리해, 영문 원문과 유사한 흐름으로 바로 다음 섹션이 이어지도록 수정했습니다. </sub> </td> </tr> </table> ## 2) `creating-a-react-app.md` - 코드 예시 내부 주석의 오탈자를 수정했습니다. - `더라고도` → `더라도` - 본문에 표시되는 설명 텍스트의 띄어쓰기를 수정했습니다. - `서로다른` → `서로 다른` ## 필수 확인 사항 - [x] [기여자 행동 강령 규약<sup>Code of Conduct</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CODE_OF_CONDUCT.md) - [x] [기여 가이드라인<sup>Contributing</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CONTRIBUTING.md) - [x] [공통 스타일 가이드<sup>Universal Style Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/universal-style-guide.md) - [x] [번역을 위한 모범 사례<sup>Best Practices for Translation</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/best-practices-for-translation.md) - [x] [번역 용어 정리<sup>Translate Glossary</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/translate-glossary.md) - [x] [`textlint` 가이드<sup>Textlint Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/textlint-guide.md) - [x] [맞춤법 검사<sup>Spelling Check</sup>](https://nara-speller.co.kr/speller/) ## 선택 확인 사항 - [ ] 번역 초안 작성<sup>Draft Translation</sup> - [ ] 리뷰 반영<sup>Resolve Reviews</sup>
1 parent bf0644f commit 3c6c2a5

2 files changed

Lines changed: 2 additions & 6 deletions

File tree

src/content/learn/creating-a-react-app.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,15 +80,15 @@ async function Talks({ confId }) {
8080
// 1. 서버에서라면 데이터 레이어와 대화할 수 있습니다. API 엔드포인트는 필요하지 않습니다.
8181
const talks = await db.Talks.findAll({ confId });
8282

83-
// 2. 렌더링 로직이 추가되더라고도 자바스크립트 번들 크기를 크게 만들지 않습니다.
83+
// 2. 렌더링 로직이 추가되더라도 자바스크립트 번들 크기를 크게 만들지 않습니다.
8484
const videos = talks.map(talk => talk.video);
8585

8686
// 3. 브라우저에서 실행될 컴포넌트에 데이터를 전달합니다.
8787
return <SearchableVideoList videos={videos} />;
8888
}
8989
```
9090

91-
Next.js의 App Router는 [Suspense와 데이터 조회](/blog/2022/03/29/react-v18#suspense-in-data-frameworks)를 통합합니다. React tree에서 서로다른 사용자 인터페이스를 직접적으로 로딩 상태(예: 스켈레톤 플레이스홀더)로 지정할 수 있게 해줍니다.
91+
Next.js의 App Router는 [Suspense와 데이터 조회](/blog/2022/03/29/react-v18#suspense-in-data-frameworks)를 통합합니다. React tree에서 서로 다른 사용자 인터페이스를 직접적으로 로딩 상태(예: 스켈레톤 플레이스홀더)로 지정할 수 있게 해줍니다.
9292

9393
```js
9494
<Suspense fallback={<TalksLoading />}>

src/content/learn/installation.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -39,16 +39,12 @@ export default function App() {
3939

4040
React 문서의 대부분 페이지에는 이와 같은 샌드박스가 있습니다. React 문서 외에도 [CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), [CodePen](https://codepen.io/pen?template=QWYVwWN) 등의 온라인 샌드박스에서 React를 지원합니다.
4141

42-
### 로컬 환경에서 React 시도하기 {/*try-react-locally*/}
43-
4442
컴퓨터의 로컬 환경에서 React를 사용해 보고 싶다면, 이 [HTML 페이지를 다운로드](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html)하고 에디터와 브라우저에서 열어보세요!
4543

4644
## 새로운 React 프로젝트 시작하기 {/*start-a-new-react-project*/}
4745

4846
React로 완전히 앱이나 웹사이트를 구축하고 싶다면, [새로운 React 프로젝트를 시작](/learn/creating-a-react-app)하세요.
4947

50-
컴퓨터의 로컬 환경에서 React를 사용해 보고 싶다면, 이 [HTML 페이지를 다운로드](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html)하고 에디터와 브라우저에서 열어보세요!
51-
5248
## 새로운 React 앱 만들기 {/*creating-a-react-app*/}
5349

5450
새로운 React 앱을 만들고 싶다면, [새로운 React 앱 만들기](/learn/creating-a-react-app)에서 권장하는 프레임워크를 사용하여 만들 수 있습니다.

0 commit comments

Comments
 (0)