create-a-new-react-app.md Translation #64
Conversation
translated most of the text
final draft of the korean create react app
went through speller
|
Deploy preview for ko-reactjs-org ready! Built with commit c76e890 |
|
전체적으로 맞춤법이 틀린게 많이 보이는데 맞춤법 검사기를 돌려보시는건 어떨까요? |
|
@BKJang |
|
문서의 스타일이 다른 문서들과 다른 문장들이 종종 있는것 같습니다. |
| * 서드파티 npm 라이브러리 사용 | ||
| * 일반적인 초기실수를 탐지 | ||
| * CSS 및 JS를 개발 중에 수정 | ||
| * 결과물 최적화 |
There was a problem hiding this comment.
"결과물 최적화" -> "프로덕션 코드 최적화" 로 제안드려요.
| * Optimizing the output for production. | ||
| * 많은 파일과 컴포넌트 스케일링 | ||
| * 서드파티 npm 라이브러리 사용 | ||
| * 일반적인 초기실수를 탐지 |
There was a problem hiding this comment.
"일반적인 초기실수를 탐지" -> "일반적인 실수를 조기에 발견" 으로 제안드려요.
| * 결과물 최적화 | ||
|
|
||
| The toolchains recommended on this page **don't require configuration to get started**. | ||
| 이 페이지의 추천하는 툴체인 **시작하기 위해 구성할 필요 없음** |
There was a problem hiding this comment.
"이 페이지의 추천하는 툴체인 시작하기 위해 구성할 필요 없음"
->
"이 페이지에서 추천하는 툴체인은 시작하는데, 별도의 환경설정이 필요 없습니다."
로 제안드려요.
| 이 페이지의 추천하는 툴체인 **시작하기 위해 구성할 필요 없음** | ||
|
|
||
| ## You Might Not Need a Toolchain {#you-might-not-need-a-toolchain} | ||
| ## 툴체인이 필요하지 않을 수 있다. {#you-might-not-need-a-toolchain} |
| ## 툴체인이 필요하지 않을 수 있다. {#you-might-not-need-a-toolchain} | ||
|
|
||
| If you don't experience the problems described above or don't feel comfortable using JavaScript tools yet, consider [adding React as a plain `<script>` tag on an HTML page](/docs/add-react-to-a-website.html), optionally [with JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx). | ||
| 위에 같은 문제가 없으면 혹은 Javascript 도구를 잘 사용하지 못할 거 같다는 생각이면, [React를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요. |
There was a problem hiding this comment.
"위에 같은 문제가 없으면 혹은 Javascript 도구를 잘 사용하지 못할 거 같다는 생각이면, React를 플레인 HTML 태그로 추가하기를 보세요, 아니면 JSX를 보세요."
->
"위에서 설명한 문제를 경험하지 못했거나 아직 Javascript 도구를 사용하는 것이 편하지 않다면, React를 HTML 페이지에서 일반적인 <script> 태그에 추가하거나 JSX를 고려하세요."
로 제안드려요.
| 이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다**. 그리고 언제나 도움이 될 것 같으면 더 많은 툴체인을 추가할 수가 있습니다. | ||
|
|
||
| ## Recommended Toolchains {#recommended-toolchains} | ||
| ## 툴체인 추천 {#recommended-toolchains} |
There was a problem hiding this comment.
"툴체인 추천" -> "추천 툴체인" 으로 제안드려요.
| ## 툴체인 추천 {#recommended-toolchains} | ||
|
|
||
| The React team primarily recommends these solutions: | ||
| React 팀이 추천하는 해결책은 아래와 같습니다 |
There was a problem hiding this comment.
"React 팀이 추천하는 해결책은 아래와 같습니다" -> "React 팀의 추천 방법은 아래와 같습니다" 로 제안드려요.
| - If you're building a **server-rendered website with Node.js,** try [Next.js](#nextjs). | ||
| - If you're building a **static content-oriented website,** try [Gatsby](#gatsby). | ||
| - If you're building a **component library** or **integrating with an existing codebase**, try [More Flexible Toolchains](#more-flexible-toolchains). | ||
| - **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다. |
There was a problem hiding this comment.
"을 만들고 싶다." -> "을 만들고 싶다면 Create React App](#create-react-app)을 사용하세요.
| - If you're building a **static content-oriented website,** try [Gatsby](#gatsby). | ||
| - If you're building a **component library** or **integrating with an existing codebase**, try [More Flexible Toolchains](#more-flexible-toolchains). | ||
| - **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다. | ||
| - **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). |
| - If you're building a **component library** or **integrating with an existing codebase**, try [More Flexible Toolchains](#more-flexible-toolchains). | ||
| - **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다. | ||
| - **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). | ||
| - **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby). |
| - **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다. | ||
| - **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). | ||
| - **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby). | ||
| - **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성 있는 툴체인](#more-flexible-toolchains). |
There was a problem hiding this comment.
"이미 있는 코드 베이스와 통합을 한다" -> "이미 있는 코드 베이스에 통합을 한다" 으로 제안드려요.
There was a problem hiding this comment.
"융통성 있는 툴체인" -> "더 유연한 툴체인"
| ### Create React App {#create-react-app} | ||
|
|
||
| [Create React App](https://github.com/facebookincubator/create-react-app) is a comfortable environment for **learning React**, and is the best way to start building **a new [single-page](/docs/glossary.html#single-page-application) application** in React. | ||
| [Create React App](https://github.com/facebookincubator/create-react-app)는 **React 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지 애플리케이션](/docs/glossary.html#single-page-application)** 입니다. |
| [Create React App](https://github.com/facebookincubator/create-react-app)는 **React 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지 애플리케이션](/docs/glossary.html#single-page-application)** 입니다. | ||
|
|
||
| It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production. You’ll need to have Node >= 6 and npm >= 5.2 on your machine. To create a project, run: | ||
| 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는 |
There was a problem hiding this comment.
"개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는"
->
"이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해줍니다. Node 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요합니다. 새로운 프로젝트를 만들기 위해 아래의 명령어를 실행합니다."
로 제안드려요.
| >주의 | ||
| > | ||
| >`npx` on the first line is not a typo -- it's a [package runner tool that comes with npm 5.2+](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b). | ||
| >첫 번째 줄의 'npx' 실수가 아니며 [npm 5.2+ 버전의 패키지 실행 도구입니다](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b). |
|
아주 많이 늦었습니다만 제안한대로 수정했는데 확인해주세요 @simsim0709 |
Progress