From 9fc1422d3dd6df7214c862732845a4b108faec65 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Fri, 1 Mar 2019 16:56:53 -0500
Subject: [PATCH 01/19] korean edit 1

---
 content/docs/create-a-new-react-app.md | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index e1985e72f..746bcafb9 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -1,43 +1,59 @@
 ---
 id: create-a-new-react-app
 title: Create a New React App
+title: 새로운 리액트 앱 만들기
 permalink: docs/create-a-new-react-app.html
 redirect_from:
   - "docs/add-react-to-a-new-app.html"
-prev: add-react-to-a-website.html
-next: cdn-links.html
+@@ -9,38 +9,55 @@ next: cdn-links.html
 ---
 
 Use an integrated toolchain for the best user and developer experience.
+통합된 툴체인을 사용하여 최고의 유저와 개발자
 
 This page describes a few popular React toolchains which help with tasks like:
+본 페이지는 밑에있는 일들을 하기위해 도움을줄수있는 몇가지 인기있는 툴체인을 소개합니다
 
 * Scaling to many files and components.
+* 
 * Using third-party libraries from npm.
+* 제 3자 npm 라이브러리 사용
 * Detecting common mistakes early.
+* 일반적인 초기실수를 탐지
 * Live-editing CSS and JS in development.
+* CSS및 JS를 개발중에 수정
 * Optimizing the output for production.
+* 결과물 최적화
 
 The toolchains recommended on this page **don't require configuration to get started**.
+본 페이지의 추천하는 툴체인 **시작하기위해 구성할 필요없음**
 
 ## 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).
 
 This is also **the easiest way to integrate React into an existing website.** You can always add a larger toolchain if you find it helpful!
 
 ## Recommended Toolchains {#recommended-toolchains}
+## 툴체인 추천
 
 The React team primarily recommends these solutions:
+리엑트 팀이 추천하는 해결책
 
 - If you're **learning React** or **creating a new [single-page](/docs/glossary.html#single-page-application) app,** use [Create React App](#create-react-app).
+- **리액트를 배우고있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**  
 - If you're building a **server-rendered website with Node.js,** try [Next.js](#nextjs).
+- **서버 랜더링 Node.js 웹사이트를 만들고있다** [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).
 
 ### 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.
+[리엑트 앱 만들기](https://github.com/facebookincubator/create-react-app)는 **리엑트 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/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:
 

From d0f9aacfcf3b1aced6df1fc01a30b6fccefd2d3a Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Sun, 3 Mar 2019 22:55:12 -0500
Subject: [PATCH 02/19] edit 2 of translate

---
 content/docs/create-a-new-react-app.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 746bcafb9..fad2e7169 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -56,6 +56,7 @@ The React team primarily recommends these solutions:
 [리엑트 앱 만들기](https://github.com/facebookincubator/create-react-app)는 **리엑트 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/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:
+개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6혹은 상위 버전 및 npm 5.2혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
 
 ```bash
 npx create-react-app my-app
@@ -67,10 +68,19 @@ npm start
 >
 >`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).
+
 Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. Under the hood, it uses [Babel](https://babeljs.io/) and [webpack](https://webpack.js.org/), but you don't need to know anything about them.
 
+
 When you're ready to deploy to production, running `npm run build` will create an optimized build of your app in the `build` folder. You can learn more about Create React App [from its README](https://github.com/facebookincubator/create-react-app#create-react-app-) and the [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents).
 
+새로운 리액트앱 생성은 백앤드 로직이나 데이터베이스를 제어할 수 없습니다. C로운 리액트앱 생성은 프론트앤드 빌드 파이프라인만 생성하기 때문에 백앤드를 원하는 대로 사용할 수 있습니다. 새로운 리액트앱은 Babel이나 webpack같은 빌드 도구를 사용하나, 설정 없이도 동작합니다.
+
+프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 빌드를 생성합니다. [README](https://github.com/facebookincubator/create-react-app#create-react-app-)나 [유저 가이드](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents)에서 더 자세한 사항을 볼 수 있습니다.
+
 ### Next.js {#nextjs}
 
 [Next.js](https://nextjs.org/) is a popular and lightweight framework for **static and server‑rendered applications** built with React. It includes **styling and routing solutions** out of the box, and assumes that you're using [Node.js](https://nodejs.org/) as the server environment.

From d6ac7d494ca6dc8f470fb878267698185b223cd2 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 4 Mar 2019 10:07:12 -0500
Subject: [PATCH 03/19] edit 3

translated the toolchain from scratch
---
 content/docs/create-a-new-react-app.md | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index fad2e7169..14213bad8 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -15,7 +15,7 @@ This page describes a few popular React toolchains which help with tasks like:
 본 페이지는 밑에있는 일들을 하기위해 도움을줄수있는 몇가지 인기있는 툴체인을 소개합니다
 
 * Scaling to many files and components.
-* 
+* 많은 파일과 컴포넨트 스케일링
 * Using third-party libraries from npm.
 * 제 3자 npm 라이브러리 사용
 * Detecting common mistakes early.
@@ -36,7 +36,7 @@ If you don't experience the problems described above or don't feel comfortable u
 This is also **the easiest way to integrate React into an existing website.** You can always add a larger toolchain if you find it helpful!
 
 ## Recommended Toolchains {#recommended-toolchains}
-## 툴체인 추천
+## 툴체인 추천 {#recommended-toolchains}
 
 The React team primarily recommends these solutions:
 리엑트 팀이 추천하는 해결책
@@ -106,15 +106,20 @@ The following toolchains offer more flexiblity and choice. We recommend them to
 - **[Razzle](https://github.com/jaredpalmer/razzle)** is a server-rendering framework that doesn't require any configuration, but offers more flexibility than Next.js.
 
 ## Creating a Toolchain from Scratch {#creating-a-toolchain-from-scratch}
+## 툴체인을 집적 만들기 {#creating-a-toolchain-from-scratch}
 
 A JavaScript build toolchain typically consists of:
+자바스크립트 툴체인은 주로:
 
 * A **package manager**, such as [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/). It lets you take advantage of a vast ecosystem of third-party packages, and easily install or update them.
+* [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 패키지 매니저는 제 3자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트 할 수 있게 합니다.
 
 * A **bundler**, such as [webpack](https://webpack.js.org/) or [Parcel](https://parceljs.org/). It lets you write modular code and bundle it together into small packages to optimize load time.
+* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/)같은 **번들러**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 패키지로 묶어서 로딩 시간을 최적화 할 수 있습니다.
 
 * A **compiler** such as [Babel](https://babeljs.io/). It lets you write modern JavaScript code that still works in older browsers.
-
+* [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트코드를 오래된 브라우저에도 실행되게 도와줍니다
 If you prefer to set up your own JavaScript toolchain from scratch, [check out this guide](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658) that re-creates some of the Create React App functionality.
-
+자기 자신이 만들은 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658)
 Don't forget to ensure your custom toolchain [is correctly set up for production](/docs/optimizing-performance.html#use-the-production-build).
+커스텀 툴체인이 제대로 설정되있는지 [잊지 마세요](/docs/optimizing-performance.html#use-the-production-build).

From 295010847e393875d9cdef0f7d3855fe17aa1aca Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 4 Mar 2019 14:37:30 -0500
Subject: [PATCH 04/19] draft completed

translated most of the text
---
 content/docs/create-a-new-react-app.md | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 14213bad8..ad1c95bb5 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -46,14 +46,14 @@ The React team primarily recommends these solutions:
 - If you're building a **server-rendered website with Node.js,** try [Next.js](#nextjs).
 - **서버 랜더링 Node.js 웹사이트를 만들고있다** [Next.js](#nextjs). 
 - If you're building a **static content-oriented website,** try [Gatsby](#gatsby).
-- 
+- **고정적인 콘텐츠 지향적 웹사이트를 만들고있다**면 [Gatsby](#gatsby)
 - If you're building a **component library** or **integrating with an existing codebase**, try [More Flexible Toolchains](#more-flexible-toolchains).
+- **컴포난트 라이브러리** 혹은 **이미 있는 코트베이스와 통합을한다**면 융통성있는 툴체인 {#more-flexible-toolchains}
 
 ### 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.
-[리엑트 앱 만들기](https://github.com/facebookincubator/create-react-app)는 **리엑트 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application)** 입니다.
+[Create React App](https://github.com/facebookincubator/create-react-app)는 **리엑트 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/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:
 개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6혹은 상위 버전 및 npm 5.2혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
@@ -77,33 +77,45 @@ Create React App doesn't handle backend logic or databases; it just creates a fr
 
 When you're ready to deploy to production, running `npm run build` will create an optimized build of your app in the `build` folder. You can learn more about Create React App [from its README](https://github.com/facebookincubator/create-react-app#create-react-app-) and the [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents).
 
-새로운 리액트앱 생성은 백앤드 로직이나 데이터베이스를 제어할 수 없습니다. C로운 리액트앱 생성은 프론트앤드 빌드 파이프라인만 생성하기 때문에 백앤드를 원하는 대로 사용할 수 있습니다. 새로운 리액트앱은 Babel이나 webpack같은 빌드 도구를 사용하나, 설정 없이도 동작합니다.
+Create React App 은 백앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프론트앤드 빌드 파이프라인만 생성하기 때문에 백앤드를 원하는 대로 사용할 수 있습니다. Create React App은 Babel이나 webpack같은 빌드 도구를 사용하나, 설정 없이도 동작합니다.
 
 프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 빌드를 생성합니다. [README](https://github.com/facebookincubator/create-react-app#create-react-app-)나 [유저 가이드](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents)에서 더 자세한 사항을 볼 수 있습니다.
 
 ### Next.js {#nextjs}
 
 [Next.js](https://nextjs.org/) is a popular and lightweight framework for **static and server‑rendered applications** built with React. It includes **styling and routing solutions** out of the box, and assumes that you're using [Node.js](https://nodejs.org/) as the server environment.
+[Next.js](https://nextjs.org/)는 인기있는 경량의 프레임워크로 리액트로 만들어진 **고정적 및 서버 랜더링 어플리케이션** 입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고있다고 생각합니다.
 
 Learn Next.js from [its official guide](https://nextjs.org/learn/).
+Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요
+
 
 ### Gatsby {#gatsby}
 
 [Gatsby](https://www.gatsbyjs.org/) is the best way to create **static websites** with React. It lets you use React components, but outputs pre-rendered HTML and CSS to guarantee the fastest load time.
+[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를**를 React로 만들기에는 최선의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 랜더링된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다
 
 Learn Gatsby from [its official guide](https://www.gatsbyjs.org/docs/) and a [gallery of starter kits](https://www.gatsbyjs.org/docs/gatsby-starters/).
 
+Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키트](https://www.gatsbyjs.org/docs/gatsby-starters/)를 보면서 배워보세요
+
 ### More Flexible Toolchains {#more-flexible-toolchains}
+### 융통성있는 툴체인 {#more-flexible-toolchains}
 
 The following toolchains offer more flexiblity and choice. We recommend them to more experienced users:
+밑에있는 툴체인은 조금더 많은 선택과 다루기 쉬운 옵션입니다. 숙련된 유저들에게 추천합니다:
 
 - **[Neutrino](https://neutrinojs.org/)** combines the power of [webpack](https://webpack.js.org/) with the simplicity of presets, and includes a preset for [React apps](https://neutrinojs.org/packages/react/) and [React components](https://neutrinojs.org/packages/react-components/).
+- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 리액트의 심플함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포난트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다
 
 - **[nwb](https://github.com/insin/nwb)** is particularly great for [publishing React components for npm](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb). It [can be used](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb) for creating React apps, too. 
+- **[nwb](https://github.com/insin/nwb)** 는 리액트 컴포난트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
 - **[Parcel](https://parceljs.org/)** is a fast, zero configuration web application bundler that [works with React](https://parceljs.org/recipes.html#react).
+- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요없는 웹 애플리케이션 bundle입니다
 
 - **[Razzle](https://github.com/jaredpalmer/razzle)** is a server-rendering framework that doesn't require any configuration, but offers more flexibility than Next.js.
+- **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 랜더링 프레임워크며 구성이 필요없지만, Next.js보다 다루기 쉬웁니다
 
 ## Creating a Toolchain from Scratch {#creating-a-toolchain-from-scratch}
 ## 툴체인을 집적 만들기 {#creating-a-toolchain-from-scratch}
@@ -112,10 +124,10 @@ A JavaScript build toolchain typically consists of:
 자바스크립트 툴체인은 주로:
 
 * A **package manager**, such as [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/). It lets you take advantage of a vast ecosystem of third-party packages, and easily install or update them.
-* [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 패키지 매니저는 제 3자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트 할 수 있게 합니다.
+* [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제 3자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트 할 수 있게 합니다.
 
 * A **bundler**, such as [webpack](https://webpack.js.org/) or [Parcel](https://parceljs.org/). It lets you write modular code and bundle it together into small packages to optimize load time.
-* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/)같은 **번들러**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 패키지로 묶어서 로딩 시간을 최적화 할 수 있습니다.
+* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/)같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화 할 수 있습니다.
 
 * A **compiler** such as [Babel](https://babeljs.io/). It lets you write modern JavaScript code that still works in older browsers.
 * [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트코드를 오래된 브라우저에도 실행되게 도와줍니다

From b8de8d7583e796351fa2d3d37c92a73fcbc477c7 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 4 Mar 2019 16:16:35 -0500
Subject: [PATCH 05/19] Final draft

final draft of the korean create react app
---
 content/docs/create-a-new-react-app.md | 65 +++++---------------------
 1 file changed, 11 insertions(+), 54 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index ad1c95bb5..8ca8e0fbf 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -1,6 +1,5 @@
 ---
 id: create-a-new-react-app
-title: Create a New React App
 title: 새로운 리액트 앱 만들기
 permalink: docs/create-a-new-react-app.html
 redirect_from:
@@ -8,54 +7,37 @@ redirect_from:
 @@ -9,38 +9,55 @@ next: cdn-links.html
 ---
 
-Use an integrated toolchain for the best user and developer experience.
-통합된 툴체인을 사용하여 최고의 유저와 개발자
+통합된 툴체인을 사용하여 최고의 유저와 개발자 경험
 
-This page describes a few popular React toolchains which help with tasks like:
-본 페이지는 밑에있는 일들을 하기위해 도움을줄수있는 몇가지 인기있는 툴체인을 소개합니다
+이 페이지는 밑에있는 일들을 하기위해 도움을줄수있는 몇가지 인기있는 툴체인을 소개합니다:
 
-* Scaling to many files and components.
 * 많은 파일과 컴포넨트 스케일링
-* Using third-party libraries from npm.
 * 제 3자 npm 라이브러리 사용
-* Detecting common mistakes early.
 * 일반적인 초기실수를 탐지
-* Live-editing CSS and JS in development.
 * CSS및 JS를 개발중에 수정
-* Optimizing the output for production.
 * 결과물 최적화
 
-The toolchains recommended on this page **don't require configuration to get started**.
-본 페이지의 추천하는 툴체인 **시작하기위해 구성할 필요없음**
+이 페이지의 추천하는 툴체인 **시작하기위해 구성할 필요없음**
 
-## 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).
+위에 같은 문제가 없을경우 혹은 자바스크립트 툴를 잘 사용하지 못할거 같다는 생각이면, [래익트를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요
 
-This is also **the easiest way to integrate React into an existing website.** You can always add a larger toolchain if you find it helpful!
+이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다** 그리고 언제나 도움이 될것같으면 더 큰 툴체인을 추가할수있습니다
 
-## Recommended Toolchains {#recommended-toolchains}
 ## 툴체인 추천 {#recommended-toolchains}
 
-The React team primarily recommends these solutions:
-리엑트 팀이 추천하는 해결책
+리엑트 팀이 추천하는 해결책:
 
-- If you're **learning React** or **creating a new [single-page](/docs/glossary.html#single-page-application) app,** use [Create React App](#create-react-app).
 - **리액트를 배우고있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**  
-- If you're building a **server-rendered website with Node.js,** try [Next.js](#nextjs).
 - **서버 랜더링 Node.js 웹사이트를 만들고있다** [Next.js](#nextjs). 
-- If you're building a **static content-oriented website,** try [Gatsby](#gatsby).
 - **고정적인 콘텐츠 지향적 웹사이트를 만들고있다**면 [Gatsby](#gatsby)
-- If you're building a **component library** or **integrating with an existing codebase**, try [More Flexible Toolchains](#more-flexible-toolchains).
-- **컴포난트 라이브러리** 혹은 **이미 있는 코트베이스와 통합을한다**면 융통성있는 툴체인 {#more-flexible-toolchains}
+- **컴포난트 라이브러리** 혹은 **이미 있는 코트베이스와 통합을한다**면 [융통성있는 툴체인](#more-flexible-toolchains).
 
 ### 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)는 **리엑트 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/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:
 개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6혹은 상위 버전 및 npm 5.2혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
 
 ```bash
@@ -64,74 +46,49 @@ cd my-app
 npm start
 ```
 
->Note
 >
->`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).
 
-Create React App doesn't handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. Under the hood, it uses [Babel](https://babeljs.io/) and [webpack](https://webpack.js.org/), but you don't need to know anything about them.
-
-
-When you're ready to deploy to production, running `npm run build` will create an optimized build of your app in the `build` folder. You can learn more about Create React App [from its README](https://github.com/facebookincubator/create-react-app#create-react-app-) and the [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents).
-
 Create React App 은 백앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프론트앤드 빌드 파이프라인만 생성하기 때문에 백앤드를 원하는 대로 사용할 수 있습니다. Create React App은 Babel이나 webpack같은 빌드 도구를 사용하나, 설정 없이도 동작합니다.
 
 프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 빌드를 생성합니다. [README](https://github.com/facebookincubator/create-react-app#create-react-app-)나 [유저 가이드](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents)에서 더 자세한 사항을 볼 수 있습니다.
 
 ### Next.js {#nextjs}
 
-[Next.js](https://nextjs.org/) is a popular and lightweight framework for **static and server‑rendered applications** built with React. It includes **styling and routing solutions** out of the box, and assumes that you're using [Node.js](https://nodejs.org/) as the server environment.
 [Next.js](https://nextjs.org/)는 인기있는 경량의 프레임워크로 리액트로 만들어진 **고정적 및 서버 랜더링 어플리케이션** 입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고있다고 생각합니다.
 
-Learn Next.js from [its official guide](https://nextjs.org/learn/).
 Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요
 
 
 ### Gatsby {#gatsby}
 
-[Gatsby](https://www.gatsbyjs.org/) is the best way to create **static websites** with React. It lets you use React components, but outputs pre-rendered HTML and CSS to guarantee the fastest load time.
 [Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를**를 React로 만들기에는 최선의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 랜더링된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다
 
-Learn Gatsby from [its official guide](https://www.gatsbyjs.org/docs/) and a [gallery of starter kits](https://www.gatsbyjs.org/docs/gatsby-starters/).
-
 Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키트](https://www.gatsbyjs.org/docs/gatsby-starters/)를 보면서 배워보세요
 
-### More Flexible Toolchains {#more-flexible-toolchains}
 ### 융통성있는 툴체인 {#more-flexible-toolchains}
 
-The following toolchains offer more flexiblity and choice. We recommend them to more experienced users:
 밑에있는 툴체인은 조금더 많은 선택과 다루기 쉬운 옵션입니다. 숙련된 유저들에게 추천합니다:
 
-- **[Neutrino](https://neutrinojs.org/)** combines the power of [webpack](https://webpack.js.org/) with the simplicity of presets, and includes a preset for [React apps](https://neutrinojs.org/packages/react/) and [React components](https://neutrinojs.org/packages/react-components/).
 - **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 리액트의 심플함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포난트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다
-
-- **[nwb](https://github.com/insin/nwb)** is particularly great for [publishing React components for npm](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb). It [can be used](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb) for creating React apps, too. 
+ 
 - **[nwb](https://github.com/insin/nwb)** 는 리액트 컴포난트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
-- **[Parcel](https://parceljs.org/)** is a fast, zero configuration web application bundler that [works with React](https://parceljs.org/recipes.html#react).
 - **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요없는 웹 애플리케이션 bundle입니다
 
-- **[Razzle](https://github.com/jaredpalmer/razzle)** is a server-rendering framework that doesn't require any configuration, but offers more flexibility than Next.js.
 - **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 랜더링 프레임워크며 구성이 필요없지만, Next.js보다 다루기 쉬웁니다
 
-## Creating a Toolchain from Scratch {#creating-a-toolchain-from-scratch}
 ## 툴체인을 집적 만들기 {#creating-a-toolchain-from-scratch}
 
-A JavaScript build toolchain typically consists of:
-자바스크립트 툴체인은 주로:
+자바스크립트 build 툴체인은 주로:
 
-* A **package manager**, such as [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/). It lets you take advantage of a vast ecosystem of third-party packages, and easily install or update them.
 * [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제 3자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트 할 수 있게 합니다.
 
-* A **bundler**, such as [webpack](https://webpack.js.org/) or [Parcel](https://parceljs.org/). It lets you write modular code and bundle it together into small packages to optimize load time.
 * [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/)같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화 할 수 있습니다.
 
-* A **compiler** such as [Babel](https://babeljs.io/). It lets you write modern JavaScript code that still works in older browsers.
 * [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트코드를 오래된 브라우저에도 실행되게 도와줍니다
-If you prefer to set up your own JavaScript toolchain from scratch, [check out this guide](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658) that re-creates some of the Create React App functionality.
+
 자기 자신이 만들은 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658)
-Don't forget to ensure your custom toolchain [is correctly set up for production](/docs/optimizing-performance.html#use-the-production-build).
+
 커스텀 툴체인이 제대로 설정되있는지 [잊지 마세요](/docs/optimizing-performance.html#use-the-production-build).

From f88f6352a71010b129dd7b275870b1cf7846c1af Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 4 Mar 2019 16:40:02 -0500
Subject: [PATCH 06/19] Edit with structure

went through speller
---
 content/docs/create-a-new-react-app.md | 50 +++++++++++++-------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 8ca8e0fbf..1f70e70fd 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -7,38 +7,38 @@ redirect_from:
 @@ -9,38 +9,55 @@ next: cdn-links.html
 ---
 
-통합된 툴체인을 사용하여 최고의 유저와 개발자 경험
+통합된 툴체인을 사용하여 최고의 사용자와 개발자 경험
 
-이 페이지는 밑에있는 일들을 하기위해 도움을줄수있는 몇가지 인기있는 툴체인을 소개합니다:
+이 페이지는 밑에 있는 일을 하기 위해 도움을 줄 수 있는 몇 가지 인기 있는 툴체인을 소개합니다:
 
-* 많은 파일과 컴포넨트 스케일링
-* 제 3자 npm 라이브러리 사용
+* 많은 파일과 컴포넌트 스케일링
+* 제삼자 npm 라이브러리 사용
 * 일반적인 초기실수를 탐지
-* CSS및 JS를 개발중에 수정
+* CSS 및 JS를 개발 중에 수정
 * 결과물 최적화
 
-이 페이지의 추천하는 툴체인 **시작하기위해 구성할 필요없음**
+이 페이지의 추천하는 툴체인 **시작하기 위해 구성할 필요 없음**
 
-## 툴체인이 필요하지 않을수있다 {#you-might-not-need-a-toolchain}
+## 툴체인이 필요하지 않을 수 있다 {#you-might-not-need-a-toolchain}
 
-위에 같은 문제가 없을경우 혹은 자바스크립트 툴를 잘 사용하지 못할거 같다는 생각이면, [래익트를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요
+위에 같은 문제가 없으면 혹은 자바스크립트 도구를 잘 사용하지 못할 거 같다는 생각이면, [React를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요
 
-이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다** 그리고 언제나 도움이 될것같으면 더 큰 툴체인을 추가할수있습니다
+이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다** 그리고 언제나 도움이 될 것 같으면 더 큰 툴체인을 추가할 수가 있습니다
 
 ## 툴체인 추천 {#recommended-toolchains}
 
-리엑트 팀이 추천하는 해결책:
+React 팀이 추천하는 해결책:
 
-- **리액트를 배우고있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**  
+- **React을 배우고있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**  
 - **서버 랜더링 Node.js 웹사이트를 만들고있다** [Next.js](#nextjs). 
 - **고정적인 콘텐츠 지향적 웹사이트를 만들고있다**면 [Gatsby](#gatsby)
-- **컴포난트 라이브러리** 혹은 **이미 있는 코트베이스와 통합을한다**면 [융통성있는 툴체인](#more-flexible-toolchains).
+- **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성있는 툴체인](#more-flexible-toolchains).
 
 ### Create React App {#create-react-app}
 
 [Create React App](https://github.com/facebookincubator/create-react-app)는 **리엑트 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application)** 입니다.
 
-개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6혹은 상위 버전 및 npm 5.2혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
+개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
 
 ```bash
 npx create-react-app my-app
@@ -48,46 +48,46 @@ npm start
 
 >
 >
->첫번째 줄의 'npx' 실수가아니며 [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).
 
-Create React App 은 백앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프론트앤드 빌드 파이프라인만 생성하기 때문에 백앤드를 원하는 대로 사용할 수 있습니다. Create React App은 Babel이나 webpack같은 빌드 도구를 사용하나, 설정 없이도 동작합니다.
+Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프런트 앤드 빌드 파이프라인만 생성하기 때문에 백앤드를 원하는 대로 사용할 수 있습니다. Create React App는 Babel이나 webpack같은 build 도구를 사용하나, 설정 없이도 동작합니다.
 
-프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 빌드를 생성합니다. [README](https://github.com/facebookincubator/create-react-app#create-react-app-)나 [유저 가이드](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents)에서 더 자세한 사항을 볼 수 있습니다.
+프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 Build를 생성합니다. [README](https://github.com/facebookincubator/create-react-app#create-react-app-)나 [사용자 가이드](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents)에서 더 자세한 사항을 볼 수 있습니다.
 
 ### Next.js {#nextjs}
 
-[Next.js](https://nextjs.org/)는 인기있는 경량의 프레임워크로 리액트로 만들어진 **고정적 및 서버 랜더링 어플리케이션** 입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고있다고 생각합니다.
+[Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션** 입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
 
 Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요
 
 
 ### Gatsby {#gatsby}
 
-[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를**를 React로 만들기에는 최선의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 랜더링된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다
+[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를**를 React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다
 
 Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키트](https://www.gatsbyjs.org/docs/gatsby-starters/)를 보면서 배워보세요
 
 ### 융통성있는 툴체인 {#more-flexible-toolchains}
 
-밑에있는 툴체인은 조금더 많은 선택과 다루기 쉬운 옵션입니다. 숙련된 유저들에게 추천합니다:
+밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다:
 
-- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 리액트의 심플함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포난트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다
+- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 React의 심플함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포난트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다
  
-- **[nwb](https://github.com/insin/nwb)** 는 리액트 컴포난트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
+- **[nwb](https://github.com/insin/nwb)** 는 React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
-- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요없는 웹 애플리케이션 bundle입니다
+- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다
 
-- **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 랜더링 프레임워크며 구성이 필요없지만, Next.js보다 다루기 쉬웁니다
+- **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다
 
 ## 툴체인을 집적 만들기 {#creating-a-toolchain-from-scratch}
 
 자바스크립트 build 툴체인은 주로:
 
-* [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제 3자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트 할 수 있게 합니다.
+* [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제삼자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트할 수 있게 합니다.
 
 * [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/)같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화 할 수 있습니다.
 
-* [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트코드를 오래된 브라우저에도 실행되게 도와줍니다
+* [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트 코드를 오래된 브라우저에도 실행되게 도와줍니다
 
 자기 자신이 만들은 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658)
 

From 96a1ecc0a8cd7f024ad2c6c36b1a30f83becab82 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 4 Mar 2019 16:49:56 -0500
Subject: [PATCH 07/19] fixed initial error

---
 content/docs/create-a-new-react-app.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 1f70e70fd..5ba81294e 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -1,10 +1,11 @@
 ---
 id: create-a-new-react-app
-title: 새로운 리액트 앱 만들기
+title: 새로운 Reach 앱 만들기
 permalink: docs/create-a-new-react-app.html
 redirect_from:
   - "docs/add-react-to-a-new-app.html"
-@@ -9,38 +9,55 @@ next: cdn-links.html
+prev: add-react-to-a-website.html
+next: cdn-links.html
 ---
 
 통합된 툴체인을 사용하여 최고의 사용자와 개발자 경험

From b9e47d0849db06a4fd4159cf87ed1748fe17b3b1 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 4 Mar 2019 20:44:51 -0500
Subject: [PATCH 08/19] review edit 1

---
 content/docs/create-a-new-react-app.md | 28 +++++++++++++-------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 5ba81294e..8d9dd6060 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -8,9 +8,9 @@ prev: add-react-to-a-website.html
 next: cdn-links.html
 ---
 
-통합된 툴체인을 사용하여 최고의 사용자와 개발자 경험
+최고의 사용자와 개발자 경험을 위해 통합된 툴체인을 사용하세요.
 
-이 페이지는 밑에 있는 일을 하기 위해 도움을 줄 수 있는 몇 가지 인기 있는 툴체인을 소개합니다:
+이 페이지는 밑에 있는 일을 하기 위해 도움을 줄 수 있는 몇 가지 인기 있는 툴체인을 소개합니다.
 
 * 많은 파일과 컴포넌트 스케일링
 * 제삼자 npm 라이브러리 사용
@@ -22,17 +22,17 @@ next: cdn-links.html
 
 ## 툴체인이 필요하지 않을 수 있다 {#you-might-not-need-a-toolchain}
 
-위에 같은 문제가 없으면 혹은 자바스크립트 도구를 잘 사용하지 못할 거 같다는 생각이면, [React를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요
+위에 같은 문제가 없으면 혹은 자바스크립트 도구를 잘 사용하지 못할 거 같다는 생각이면, [React를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요.
 
-이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다** 그리고 언제나 도움이 될 것 같으면 더 큰 툴체인을 추가할 수가 있습니다
+이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다** 그리고 언제나 도움이 될 것 같으면 더 큰 툴체인을 추가할 수가 있습니다.
 
 ## 툴체인 추천 {#recommended-toolchains}
 
 React 팀이 추천하는 해결책:
 
-- **React을 배우고있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**  
+- **React을 배우고있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**.
 - **서버 랜더링 Node.js 웹사이트를 만들고있다** [Next.js](#nextjs). 
-- **고정적인 콘텐츠 지향적 웹사이트를 만들고있다**면 [Gatsby](#gatsby)
+- **고정적인 콘텐츠 지향적 웹사이트를 만들고있다**면 [Gatsby](#gatsby).
 - **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성있는 툴체인](#more-flexible-toolchains).
 
 ### Create React App {#create-react-app}
@@ -59,12 +59,12 @@ Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수
 
 [Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션** 입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
 
-Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요
+Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요.
 
 
 ### Gatsby {#gatsby}
 
-[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를**를 React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다
+[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를**를 React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다.
 
 Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키트](https://www.gatsbyjs.org/docs/gatsby-starters/)를 보면서 배워보세요
 
@@ -72,15 +72,15 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다:
 
-- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 React의 심플함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포난트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다
+- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 React의 심플함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포난트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다.
  
 - **[nwb](https://github.com/insin/nwb)** 는 React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
-- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다
+- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
 
-- **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다
+- **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
 
-## 툴체인을 집적 만들기 {#creating-a-toolchain-from-scratch}
+## 툴체인을 직접 만들기 {#creating-a-toolchain-from-scratch}
 
 자바스크립트 build 툴체인은 주로:
 
@@ -88,8 +88,8 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 * [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/)같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화 할 수 있습니다.
 
-* [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트 코드를 오래된 브라우저에도 실행되게 도와줍니다
+* [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트 코드를 오래된 브라우저에도 실행되게 도와줍니다.
 
-자기 자신이 만들은 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658)
+자기 자신이 만들은 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
 
 커스텀 툴체인이 제대로 설정되있는지 [잊지 마세요](/docs/optimizing-performance.html#use-the-production-build).

From 72d25d5bde01b48db13d473414f444b505f6c644 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 4 Mar 2019 20:58:18 -0500
Subject: [PATCH 09/19] speller check edit

---
 content/docs/create-a-new-react-app.md | 32 +++++++++++++-------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 8d9dd6060..5b2f5b265 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -20,24 +20,24 @@ next: cdn-links.html
 
 이 페이지의 추천하는 툴체인 **시작하기 위해 구성할 필요 없음**
 
-## 툴체인이 필요하지 않을 수 있다 {#you-might-not-need-a-toolchain}
+## 툴체인이 필요하지 않을 수 있다. {#you-might-not-need-a-toolchain}
 
 위에 같은 문제가 없으면 혹은 자바스크립트 도구를 잘 사용하지 못할 거 같다는 생각이면, [React를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요.
 
-이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다** 그리고 언제나 도움이 될 것 같으면 더 큰 툴체인을 추가할 수가 있습니다.
+이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다**. 그리고 언제나 도움이 될 것 같으면 더 큰 툴체인을 추가할 수가 있습니다.
 
 ## 툴체인 추천 {#recommended-toolchains}
 
 React 팀이 추천하는 해결책:
 
-- **React을 배우고있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**.
-- **서버 랜더링 Node.js 웹사이트를 만들고있다** [Next.js](#nextjs). 
-- **고정적인 콘텐츠 지향적 웹사이트를 만들고있다**면 [Gatsby](#gatsby).
-- **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성있는 툴체인](#more-flexible-toolchains).
+- **React를 배우고 있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**.
+- **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). 
+- **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby).
+- **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성 있는 툴체인](#more-flexible-toolchains).
 
 ### Create React App {#create-react-app}
 
-[Create React App](https://github.com/facebookincubator/create-react-app)는 **리엑트 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application)** 입니다.
+[Create React App](https://github.com/facebookincubator/create-react-app)는 **React 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application)** 입니다.
 
 개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
 
@@ -49,22 +49,22 @@ npm start
 
 >
 >
->첫번째 줄의 'npx' 실수가아니며 [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).
 
-Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프런트 앤드 빌드 파이프라인만 생성하기 때문에 백앤드를 원하는 대로 사용할 수 있습니다. Create React App는 Babel이나 webpack같은 build 도구를 사용하나, 설정 없이도 동작합니다.
+Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프런트 앤드 빌드 파이프라인만 생성하기 때문에 백 앤드를 원하는 대로 사용할 수 있습니다. Create React App는 Babel이나 webpack같은 build 도구를 사용하나, 설정 없이도 동작합니다.
 
-프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 Build를 생성합니다. [README](https://github.com/facebookincubator/create-react-app#create-react-app-)나 [사용자 가이드](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents)에서 더 자세한 사항을 볼 수 있습니다.
+프로덕션을 배포할 준비가 되었을 때, npm run build 를 실행하면 build 폴더 안에 제작한 앱의 최적화된 Build를 생성합니다. [README](https://github.com/facebookincubator/create-react-app#create-react-app-) 나 [사용자 가이드](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#table-of-contents)에서 더 자세한 사항을 볼 수 있습니다.
 
 ### Next.js {#nextjs}
 
-[Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션** 입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
+[Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션**입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
 
 Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요.
 
 
 ### Gatsby {#gatsby}
 
-[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를**를 React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다.
+[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를** React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다.
 
 Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키트](https://www.gatsbyjs.org/docs/gatsby-starters/)를 보면서 배워보세요
 
@@ -72,11 +72,11 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다:
 
-- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 React의 심플함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포난트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다.
+- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다.
  
 - **[nwb](https://github.com/insin/nwb)** 는 React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
-- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
+- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용 가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
 
 - **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
 
@@ -86,10 +86,10 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 * [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제삼자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트할 수 있게 합니다.
 
-* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/)같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화 할 수 있습니다.
+* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/) 같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화 할 수 있습니다.
 
 * [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트 코드를 오래된 브라우저에도 실행되게 도와줍니다.
 
-자기 자신이 만들은 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
+자기 자신이 만든 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
 
 커스텀 툴체인이 제대로 설정되있는지 [잊지 마세요](/docs/optimizing-performance.html#use-the-production-build).

From e1d87caae5ebffa23e5a169f7a52e7161fc92fd6 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Tue, 5 Mar 2019 23:33:59 -0500
Subject: [PATCH 10/19] review edit 1

---
 content/docs/create-a-new-react-app.md | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 5b2f5b265..db45424f6 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -37,7 +37,7 @@ React 팀이 추천하는 해결책:
 
 ### Create React App {#create-react-app}
 
-[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)** 입니다.
 
 개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
 
@@ -47,7 +47,7 @@ cd my-app
 npm start
 ```
 
->
+>Note
 >
 >첫 번째 줄의 'npx' 실수가아니며 [npm 5.2+ 버전의 패키지 실행 도구입니다](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b).
 
@@ -57,28 +57,28 @@ Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수
 
 ### Next.js {#nextjs}
 
-[Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션**입니다. 기본적으로 **스타일링 및 라우팅 해결책** 을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
+[Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션**입니다. 기본적으로 **스타일링 및 라우팅 해결책**을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
 
 Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요.
 
 
 ### Gatsby {#gatsby}
 
-[Gatsby](https://www.gatsbyjs.org/)는 **고정적인 웹사이트를** React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다.
+[Gatsby](https://www.gatsbyjs.org/)는 **정적 웹사이트를** React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다.
 
 Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키트](https://www.gatsbyjs.org/docs/gatsby-starters/)를 보면서 배워보세요
 
-### 융통성있는 툴체인 {#more-flexible-toolchains}
+### 더 유연한 툴체인 툴체인 {#more-flexible-toolchains}
 
 밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다:
 
-- **[Neutrino](https://neutrinojs.org/)** 는 [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 연합한것입니다.
+- **[Neutrino](https://neutrinojs.org/)**는 [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 연합한 것입니다.
  
-- **[nwb](https://github.com/insin/nwb)** 는 React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
+- **[nwb](https://github.com/insin/nwb)**는 React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
-- **[Parcel](https://parceljs.org/)** 은 [React과 같이 사용 가능하고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
+- **[Parcel](https://parceljs.org/)**은 [React와 함께 사용할 수 있고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
 
-- **[Razzle](https://github.com/jaredpalmer/razzle)** 은 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
+- **[Razzle](https://github.com/jaredpalmer/razzle)**은 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
 
 ## 툴체인을 직접 만들기 {#creating-a-toolchain-from-scratch}
 
@@ -86,10 +86,10 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 * [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제삼자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트할 수 있게 합니다.
 
-* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/) 같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화 할 수 있습니다.
+* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/) 같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화할 수 있습니다.
 
 * [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트 코드를 오래된 브라우저에도 실행되게 도와줍니다.
 
 자기 자신이 만든 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
 
-커스텀 툴체인이 제대로 설정되있는지 [잊지 마세요](/docs/optimizing-performance.html#use-the-production-build).
+커스텀 툴체인이 제대로 설정되어 있는지 [잊지 마세요](/docs/optimizing-performance.html#use-the-production-build).

From d4dda3f080a30ba50641a5b215ad007b58c0b9d3 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Tue, 5 Mar 2019 23:35:31 -0500
Subject: [PATCH 11/19] quick fix

---
 content/docs/create-a-new-react-app.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index db45424f6..d5fda0a4b 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -1,6 +1,6 @@
 ---
 id: create-a-new-react-app
-title: 새로운 Reach 앱 만들기
+title: 새로운 React 앱 만들기
 permalink: docs/create-a-new-react-app.html
 redirect_from:
   - "docs/add-react-to-a-new-app.html"

From 94e1ce2f86833c03da302b01a3ac8836c4eb81d8 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Tue, 5 Mar 2019 23:37:09 -0500
Subject: [PATCH 12/19] removed colons

---
 content/docs/create-a-new-react-app.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index d5fda0a4b..807343d1f 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -28,7 +28,7 @@ next: cdn-links.html
 
 ## 툴체인 추천 {#recommended-toolchains}
 
-React 팀이 추천하는 해결책:
+React 팀이 추천하는 해결책
 
 - **React를 배우고 있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**.
 - **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). 
@@ -39,7 +39,7 @@ React 팀이 추천하는 해결책:
 
 [Create React App](https://github.com/facebookincubator/create-react-app)는 **React 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지 ](/docs/glossary.html#single-page-application)** 입니다.
 
-개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는:
+개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는
 
 ```bash
 npx create-react-app my-app
@@ -49,7 +49,7 @@ npm start
 
 >Note
 >
->첫 번째 줄의 'npx' 실수가아니며 [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).
 
 Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프런트 앤드 빌드 파이프라인만 생성하기 때문에 백 앤드를 원하는 대로 사용할 수 있습니다. Create React App는 Babel이나 webpack같은 build 도구를 사용하나, 설정 없이도 동작합니다.
 
@@ -70,7 +70,7 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 ### 더 유연한 툴체인 툴체인 {#more-flexible-toolchains}
 
-밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다:
+밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다
 
 - **[Neutrino](https://neutrinojs.org/)**는 [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 연합한 것입니다.
  
@@ -82,7 +82,7 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 ## 툴체인을 직접 만들기 {#creating-a-toolchain-from-scratch}
 
-자바스크립트 build 툴체인은 주로:
+자바스크립트 build 툴체인은 주로
 
 * [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제삼자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트할 수 있게 합니다.
 

From aef95d9859821097162c7a37f30534472044cffb Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Tue, 5 Mar 2019 23:40:05 -0500
Subject: [PATCH 13/19] sentence edit

---
 content/docs/create-a-new-react-app.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 807343d1f..36740e4b0 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -30,7 +30,7 @@ next: cdn-links.html
 
 React 팀이 추천하는 해결책
 
-- **React를 배우고 있다** 혹은 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**.
+- **React를 배우고 있다** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다.
 - **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). 
 - **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby).
 - **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성 있는 툴체인](#more-flexible-toolchains).

From 7a33cd21f3d1690137169d39a1e9017deeca2649 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Tue, 5 Mar 2019 23:42:52 -0500
Subject: [PATCH 14/19] formatting

---
 content/docs/create-a-new-react-app.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 36740e4b0..311e474d4 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -72,13 +72,13 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다
 
-- **[Neutrino](https://neutrinojs.org/)**는 [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 연합한 것입니다.
+- **[Neutrino](https://neutrinojs.org/)는**  [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 연합한 것입니다.
  
-- **[nwb](https://github.com/insin/nwb)**는 React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
+- **[nwb](https://github.com/insin/nwb)는** React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
-- **[Parcel](https://parceljs.org/)**은 [React와 함께 사용할 수 있고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
+- **[Parcel](https://parceljs.org/)은** [React와 함께 사용할 수 있고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
 
-- **[Razzle](https://github.com/jaredpalmer/razzle)**은 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
+- **[Razzle](https://github.com/jaredpalmer/razzle)** 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
 
 ## 툴체인을 직접 만들기 {#creating-a-toolchain-from-scratch}
 

From 15c74b37c43908a532dd30314ab75de770fdf7a7 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Tue, 5 Mar 2019 23:45:33 -0500
Subject: [PATCH 15/19] missing word

---
 content/docs/create-a-new-react-app.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 311e474d4..c1ce91a3f 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -78,7 +78,7 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 - **[Parcel](https://parceljs.org/)은** [React와 함께 사용할 수 있고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
 
-- **[Razzle](https://github.com/jaredpalmer/razzle)** 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
+- **[Razzle](https://github.com/jaredpalmer/razzle)은** 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
 
 ## 툴체인을 직접 만들기 {#creating-a-toolchain-from-scratch}
 

From de2d58fd15a4ac39467f43eabc4fd4902c12bfd4 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Tue, 5 Mar 2019 23:48:22 -0500
Subject: [PATCH 16/19] formatting and added word

---
 content/docs/create-a-new-react-app.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index c1ce91a3f..5d23e5dc6 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -37,7 +37,7 @@ React 팀이 추천하는 해결책
 
 ### Create React App {#create-react-app}
 
-[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)** 입니다.
 
 개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는
 
@@ -59,7 +59,7 @@ Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수
 
 [Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션**입니다. 기본적으로 **스타일링 및 라우팅 해결책**을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
 
-Next.js를 [정식 가이드]https://nextjs.org/learn/)를 보면서 배워보세요.
+Next.js를 [정식 가이드](https://nextjs.org/learn/)를 보면서 배워보세요.
 
 
 ### Gatsby {#gatsby}
@@ -86,7 +86,7 @@ Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키
 
 * [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제삼자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트할 수 있게 합니다.
 
-* [webpack](https://webpack.js.org/] 아니면 [Parcel](https://parceljs.org/) 같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화할 수 있습니다.
+* [webpack](https://webpack.js.org/) 아니면 [Parcel](https://parceljs.org/) 같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화할 수 있습니다.
 
 * [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트 코드를 오래된 브라우저에도 실행되게 도와줍니다.
 

From 3f363d4124b7e5c47cbcb08597ecfef305b7a670 Mon Sep 17 00:00:00 2001
From: Ilkwon Sim <simsim0709@gmail.com>
Date: Tue, 26 Mar 2019 13:27:10 +0900
Subject: [PATCH 17/19] Update create-a-new-react-app.md

---
 content/docs/create-a-new-react-app.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 5d23e5dc6..61be3eb53 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -61,7 +61,6 @@ Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수
 
 Next.js를 [정식 가이드](https://nextjs.org/learn/)를 보면서 배워보세요.
 
-
 ### Gatsby {#gatsby}
 
 [Gatsby](https://www.gatsbyjs.org/)는 **정적 웹사이트를** React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다.

From 6743dcc3a21bbe61396ebdc24b12cf117a6f7bf5 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Mon, 8 Apr 2019 15:47:58 -0400
Subject: [PATCH 18/19] Update create-a-new-react-app.md

---
 content/docs/create-a-new-react-app.md | 38 +++++++++++++-------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 61be3eb53..6da4eb6fd 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -13,7 +13,7 @@ next: cdn-links.html
 이 페이지는 밑에 있는 일을 하기 위해 도움을 줄 수 있는 몇 가지 인기 있는 툴체인을 소개합니다.
 
 * 많은 파일과 컴포넌트 스케일링
-* 제삼자 npm 라이브러리 사용
+* 서드파티 npm 라이브러리 사용
 * 일반적인 초기실수를 탐지
 * CSS 및 JS를 개발 중에 수정
 * 결과물 최적화
@@ -22,15 +22,15 @@ next: cdn-links.html
 
 ## 툴체인이 필요하지 않을 수 있다. {#you-might-not-need-a-toolchain}
 
-위에 같은 문제가 없으면 혹은 자바스크립트 도구를 잘 사용하지 못할 거 같다는 생각이면, [React를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [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)를 보세요.
 
-이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다**. 그리고 언제나 도움이 될 것 같으면 더 큰 툴체인을 추가할 수가 있습니다.
+이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다**. 그리고 언제나 도움이 될 것 같으면 더 많은 툴체인을 추가할 수가 있습니다.
 
 ## 툴체인 추천 {#recommended-toolchains}
 
-React 팀이 추천하는 해결책
+React 팀이 추천하는 해결책은 아래와 같습니다
 
-- **React를 배우고 있다** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다.
+- **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다.
 - **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). 
 - **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby).
 - **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성 있는 툴체인](#more-flexible-toolchains).
@@ -39,7 +39,7 @@ React 팀이 추천하는 해결책
 
 [Create React App](https://github.com/facebookincubator/create-react-app)는 **React 배우기**에 간편한 환경입니다, 그리고 시작하기에 최고의 방법은 **새로운 [싱글 페이지 애플리케이션](/docs/glossary.html#single-page-application)** 입니다.
 
-개발 환경을 설정하고, 최신 자바스크립트를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는
+개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는
 
 ```bash
 npx create-react-app my-app
@@ -47,7 +47,7 @@ cd my-app
 npm start
 ```
 
->Note
+>주의
 >
 >첫 번째 줄의 'npx' 실수가 아니며 [npm 5.2+ 버전의 패키지 실행 도구입니다](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b).
 
@@ -57,38 +57,38 @@ Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수
 
 ### Next.js {#nextjs}
 
-[Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **고정적 및 서버 렌더링 애플리케이션**입니다. 기본적으로 **스타일링 및 라우팅 해결책**을 가지고 있으며, Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
+[Next.js](https://nextjs.org/)는 인기 있는 경량의 프레임워크로 React로 만들어진 **스태틱 서버 렌더링 애플리케이션**입니다. 기본적으로 **스타일링과 라우팅 해결책**을 가지고 있으며, 사용자가 Node.js를 서버 환경으로 사용하고 있다고 생각합니다.
 
 Next.js를 [정식 가이드](https://nextjs.org/learn/)를 보면서 배워보세요.
 
 ### Gatsby {#gatsby}
 
-[Gatsby](https://www.gatsbyjs.org/)는 **정적 웹사이트를** React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 제일 빠르게 로드됩니다.
+[Gatsby](https://www.gatsbyjs.org/)는 **정적 웹사이트를** React로 만들기에는 최고의 방법입니다. React 컴포넌트를 사용하게 해주지만 미리 렌더링 된 HTML과 CSS를 사용하여 가장 빠르게 로드됩니다.
 
 Gatsby를 [정식 가이드](https://www.gatsbyjs.org/docs/)와 [스타터 키트](https://www.gatsbyjs.org/docs/gatsby-starters/)를 보면서 배워보세요
 
-### 더 유연한 툴체인 툴체인 {#more-flexible-toolchains}
+### 더 유연한 툴체인 {#more-flexible-toolchains}
 
-밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다
+밑에 있는 툴체인은 조금 더 많은 선택과 다르기 쉬운 옵션입니다. 숙련된 사용자들에게 추천합니다.
 
-- **[Neutrino](https://neutrinojs.org/)는**  [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 연합한 것입니다.
+- **[Neutrino](https://neutrinojs.org/)는**  [webpack](https://webpack.js.org/)의 장점과 React의 단순함과 미리 설정된 [앱](https://neutrinojs.org/packages/react/)과 [컴포넌트](https://neutrinojs.org/packages/react-components/)를 합친 것입니다.
  
-- **[nwb](https://github.com/insin/nwb)는** React 컴포넌트를 npm을 사용하여 출판하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
+- **[nwb](https://github.com/insin/nwb)는** React 컴포넌트를 npm을 사용하여 배포하기에 아주 좋습니다. [새로운 리액트 앱](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)을 만들기에도 적절합니다.
 
-- **[Parcel](https://parceljs.org/)은** [React와 함께 사용할 수 있고](https://parceljs.org/recipes.html#react) 빠르고 구성필요 없는 웹 애플리케이션 bundle입니다.
+- **[Parcel](https://parceljs.org/)은** [React와 함께 사용할 수 있고](https://parceljs.org/recipes.html#react) 빠르고 설정이 필요 없는 웹 애플리케이션 bundler입니다.
 
-- **[Razzle](https://github.com/jaredpalmer/razzle)은** 서버 렌더링 프레임워크며 구성이 필요 없지만, Next.js보다 다루기 쉽습니다.
+- **[Razzle](https://github.com/jaredpalmer/razzle)은** 서버 렌더링 프레임워크며 설정이 필요 없지만, Next.js보다 다루기 쉽습니다.
 
 ## 툴체인을 직접 만들기 {#creating-a-toolchain-from-scratch}
 
-자바스크립트 build 툴체인은 주로
+JavaScript build 툴체인은 주로 아래와 같이 구성되어있습니다
 
-* [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 제삼자 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트할 수 있게 합니다.
+* [Yarn](https://yarnpkg.com/) 혹은 [npm](https://www.npmjs.com/)같은 package 매니저는 서드파티 패키지의 방대한 생태계를 활용할 수 있게 하며, 쉽게 설치하고 업데이트할 수 있게 합니다.
 
 * [webpack](https://webpack.js.org/) 아니면 [Parcel](https://parceljs.org/) 같은 **bundler**는 코드를 모듈방식으로 작성할 수 있게 하고 이를 작은 package로 묶어서 로딩 시간을 최적화할 수 있습니다.
 
-* [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 자바스크립트 코드를 오래된 브라우저에도 실행되게 도와줍니다.
+* [Babel](https://babeljs.io/) 같은 **컴파일러**는 최신 JavaScript 코드를 구형 브라우저에도 실행되게 도와줍니다.
 
-자기 자신이 만든 자바스크립트 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
+ 만든 JavaScript 툴체인을 원하신다면, [이 가이드를 보세요](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
 
 커스텀 툴체인이 제대로 설정되어 있는지 [잊지 마세요](/docs/optimizing-performance.html#use-the-production-build).

From a037695fbbfc8f117672edd0be0e9a0821f51721 Mon Sep 17 00:00:00 2001
From: Paul Moon <bakamono.moon@gmail.com>
Date: Fri, 24 May 2019 15:18:58 -0400
Subject: [PATCH 19/19] =?UTF-8?q?=EC=A0=9C=EC=95=88=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/docs/create-a-new-react-app.md | 32 +++++++++++++-------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/content/docs/create-a-new-react-app.md b/content/docs/create-a-new-react-app.md
index 41d486344..cf6df1264 100644
--- a/content/docs/create-a-new-react-app.md
+++ b/content/docs/create-a-new-react-app.md
@@ -10,36 +10,36 @@ next: cdn-links.html
 
 최고의 사용자와 개발자 경험을 위해 통합된 툴체인을 사용하세요.
 
-이 페이지는 밑에 있는 일을 하기 위해 도움을 줄 수 있는 몇 가지 인기 있는 툴체인을 소개합니다.
+이 페이지에서는 도움이 되는 몇 가지 인기 있는 React 툴체인을 소개합니다.
 
 * 많은 파일과 컴포넌트 스케일링
 * 서드파티 npm 라이브러리 사용
-* 일반적인 초기실수를 탐지
-* CSS 및 JS를 개발 중에 수정
-* 결과물 최적화
+* 일반적인 실수를 조기에 발견
+* CSS와 JS를 실시간으로 편집
+* 프로덕션 코드 최적화
 
-이 페이지의 추천하는 툴체인 **시작하기 위해 구성할 필요 없음**
+이 페이지에서 추천하는 툴체인은 **시작하는데, 별도의 환경설정이 필요 없습니다.**
 
-## 툴체인이 필요하지 않을 수 있다. {#you-might-not-need-a-toolchain}
+## 툴체인이 필요하지 않을 수 있습니다. {#you-might-not-need-a-toolchain}
 
-위에 같은 문제가 없으면 혹은 Javascript 도구를 잘 사용하지 못할 거 같다는 생각이면, [React를 플레인 HTML 태그로 추가하기](/docs/add-react-to-a-website.html)를 보세요, 아니면 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 보세요.
+위에서 설명한 문제를 경험하지 못했거나 아직 Javascript 도구를 사용하는 것이 편하지 않다면, [React를 HTML 페이지에서 일반적인 <script> 태그에 추가](/docs/add-react-to-a-website.html)하거나 [JSX](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)를 고려하세요.
 
 이 방법이 **제일 쉽게 React를 이미 만들어진 웹사이트에 추가하는 방법입니다**. 그리고 언제나 도움이 될 것 같으면 더 많은 툴체인을 추가할 수가 있습니다.
 
-## 툴체인 추천 {#recommended-toolchains}
+## 추천 툴체인 {#recommended-toolchains}
 
-React 팀이 추천하는 해결책은 아래와 같습니다
+React 팀의 추천 방법은 아래와 같습니다
 
-- **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다.
-- **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs). 
-- **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby).
-- **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스와 통합을 한다**면 [융통성 있는 툴체인](#more-flexible-toolchains).
+- **React를 배우고 있거나** 아니면 **새로운 [싱글 페이지](/docs/glossary.html#single-page-application) 앱**을 만들고 싶다면 Create React App](#create-react-app).
+- **서버 렌더링 Node.js 웹사이트를 만들고 있다면** [Next.js](#nextjs)을 시도해보세요.. 
+- **고정적인 콘텐츠 지향적 웹사이트를 만들고 있다면** [Gatsby](#gatsby)를 시도해보세요..
+- **컴포넌트 라이브러리** 혹은 **이미 있는 코드 베이스에 통합을 한다**면 [더 유연한 툴체인](#more-flexible-toolchains).
 
 ### Create React App {#create-react-app}
 
-[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)** 입니다.
 
-개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 앱 최적화를 해줍니다. 노드 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요하며 새로운 프로젝트를 만들기 위해서는
+이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해줍니다. Node 6 혹은 상위 버전 및 npm 5.2 혹은 상위 버전이 필요합니다. 새로운 프로젝트를 만들기 위해 아래의 명령어를 실행합니다.
 
 ```bash
 npx create-react-app my-app
@@ -49,7 +49,7 @@ npm start
 
 >주의
 >
->첫 번째 줄의 'npx' 실수가 아니며 [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).
 
 Create React App 은 백 앤드 로직이나 데이터베이스를 제어할 수 없습니다. Create React App 은 프런트 앤드 빌드 파이프라인만 생성하기 때문에 백 앤드를 원하는 대로 사용할 수 있습니다. Create React App는 Babel이나 webpack같은 build 도구를 사용하나, 설정 없이도 동작합니다.