diff --git a/docs/getting-started.ko-KR.md b/docs/getting-started.ko-KR.md index 9a7559e1..0642cc18 100644 --- a/docs/getting-started.ko-KR.md +++ b/docs/getting-started.ko-KR.md @@ -13,13 +13,37 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예 * **[React JSFiddle](https://jsfiddle.net/reactjs/69z2wepo/)** * [React JSFiddle without JSX](https://jsfiddle.net/reactjs/5vjqabv3/) -## 초심자용 키트 +## npm으로 React 사용하기 -초심자용 키트를 내려받아 시작합니다. +React는 CommonJS 모듈과 유사한 시스템인 [browserify](http://browserify.org/) 또는 [webpack](https://webpack.github.io/)를 사용하기를 추천합니다. +[`react`](https://www.npmjs.com/package/react) 와 [`react-dom`](https://www.npmjs.com/package/react-dom) npm +패키지를 이용합니다. + +```js +// main.js +var React = require('react'); +var ReactDOM = require('react-dom'); + +ReactDOM.render( +

Hello, world!

, + document.getElementById('example') +); +``` + +browserify를 설치한 후에 React DOM을 설치하고 bundle을 빌드합니다. + +```sh +$ npm install --save react react-dom +$ browserify -t babelify main.js -o bundle.js +``` + +## npm 없이 Quick Start 하기 + +만약 당신이 npm을 사용할 준비가 아직 안되었다면, 미리빌드된 React와 React DOM 파일이 포함된 초심자용 키트를 다운로드 받을 수 있습니다.
- 초심자용 키트 내려받기 {{site.react_version}} + Download Starter Kit {{site.react_version}}
@@ -32,6 +56,7 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예 Hello React! + @@ -46,7 +71,7 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예 ``` -JavaScript 안에 보이는 XML 구문은 JSX라고 합니다; 더 자세한 내용은 [JSX syntax](/react/docs/jsx-in-depth-ko-KR.html)을 확인하세요. 일반적인 JavaScript로 번역하기 위해 ` - + +
@@ -108,10 +135,6 @@ ReactDOM.render( ``` -## CommonJS를 원하시나요? - -만약 React를 [browserify](http://browserify.org/), [webpack](https://webpack.github.io/)이나 기타 CommonJS와 호환되는 모듈시스템과 함께 사용하고 싶다면, [`react` npm 패키지](https://www.npmjs.com/package/react)를 사용하세요. 그 외에도 `jsx` 빌드툴은 아주 쉽게 CommonJS 외에도 대부분의 패키징 시스템에 통합될 수 있습니다. - ## 다음 단계로 더 알아보려면 [튜토리얼](/react/docs/tutorial-ko-KR.html)과 초심자용 키트의 `examples` 디렉터리에서 다른 예제들을 확인해 보세요.