Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

create-a-new-react-app.md Translation #64

Merged
merged 23 commits into from
May 28, 2019
Merged

Conversation

OnesQuared
Copy link
Contributor

@OnesQuared OnesQuared commented Mar 4, 2019

Progress

translated the toolchain from scratch
translated most of the text
final draft of the korean create react app
went through speller
@netlify
Copy link

netlify bot commented Mar 4, 2019

Deploy preview for ko-reactjs-org ready!

Built with commit c76e890

https://deploy-preview-64--ko-reactjs-org.netlify.com

@tesseralis tesseralis mentioned this pull request Mar 4, 2019
98 tasks
@BKJang
Copy link
Contributor

BKJang commented Mar 5, 2019

전체적으로 맞춤법이 틀린게 많이 보이는데 맞춤법 검사기를 돌려보시는건 어떨까요?

http://speller.cs.pusan.ac.kr/

@OnesQuared
Copy link
Contributor Author

@BKJang
전체적으로 맞춤범 검사기를 돌리긴했습니다만, 수정중에 잘못한게 있는거 같네요

Copy link
Member

@gnujoow gnujoow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

맞춤법 오류가 있어 바로 잡습니다.

content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
content/docs/create-a-new-react-app.md Outdated Show resolved Hide resolved
@gnujoow
Copy link
Member

gnujoow commented Mar 6, 2019

문서의 스타일이 다른 문서들과 다른 문장들이 종종 있는것 같습니다.
https://github.com/reactjs/ko.reactjs.org/wiki/Best-practices-for-translation 를 한번 확인해주세요 :)

* 서드파티 npm 라이브러리 사용
* 일반적인 초기실수를 탐지
* CSS 및 JS를 개발 중에 수정
* 결과물 최적화
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"결과물 최적화" -> "프로덕션 코드 최적화" 로 제안드려요.

* Optimizing the output for production.
* 많은 파일과 컴포넌트 스케일링
* 서드파티 npm 라이브러리 사용
* 일반적인 초기실수를 탐지
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"일반적인 초기실수를 탐지" -> "일반적인 실수를 조기에 발견" 으로 제안드려요.


The toolchains recommended on this page **don't require configuration to get started**.
이 페이지의 추천하는 툴체인 **시작하기 위해 구성할 필요 없음**
Copy link
Collaborator

@simsim0709 simsim0709 Apr 30, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"이 페이지의 추천하는 툴체인 시작하기 위해 구성할 필요 없음"
->
"이 페이지에서 추천하는 툴체인은 시작하는데, 별도의 환경설정이 필요 없습니다."
로 제안드려요.


## You Might Not Need a Toolchain {#you-might-not-need-a-toolchain}
## 툴체인이 필요하지 않을 수 있다. {#you-might-not-need-a-toolchain}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"있다." -> "있습니다."


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)를 보세요.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"위에 같은 문제가 없으면 혹은 Javascript 도구를 잘 사용하지 못할 거 같다는 생각이면, React를 플레인 HTML 태그로 추가하기를 보세요, 아니면 JSX를 보세요."

->

"위에서 설명한 문제를 경험하지 못했거나 아직 Javascript 도구를 사용하는 것이 편하지 않다면, React를 HTML 페이지에서 일반적인 <script> 태그에 추가하거나 JSX를 고려하세요."

로 제안드려요.


## Recommended Toolchains {#recommended-toolchains}
## 툴체인 추천 {#recommended-toolchains}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"툴체인 추천" -> "추천 툴체인" 으로 제안드려요.


The React team primarily recommends these solutions:
React 팀이 추천하는 해결책은 아래와 같습니다
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"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) 앱**을 만들고 싶다.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"을 만들고 싶다." -> "을 만들고 싶다면 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).
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Next.js. " -> "Next.js을 시도해보세요."

- 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).
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면 Gatsby."
->
"콘텐츠 지향적인 스태틱 사이트를 만들고 있다면 Gatsby를 시도해보세요."

- **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다.
- **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs).
- **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby).
- **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성 있는 툴체인](#more-flexible-toolchains).
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"이미 있는 코드 베이스와 통합을 한다" -> "이미 있는 코드 베이스에 통합을 한다" 으로 제안드려요.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"융통성 있는 툴체인" -> "더 유연한 툴체인"


### 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)** 입니다.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"환경입니다," -> "환경입니다."


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 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"개발 환경을 설정하고, 최신 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).
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"'npx'" -> "'npx'는"

@OnesQuared
Copy link
Contributor Author

아주 많이 늦었습니다만 제안한대로 수정했는데 확인해주세요 @simsim0709

Copy link
Collaborator

@simsim0709 simsim0709 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고 많으셨습니다~ 👍

@simsim0709 simsim0709 requested a review from gnujoow May 27, 2019 09:46
Copy link
Member

@hg-pyun hg-pyun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants