update Korean docs to 0.14
Update getting-started in Korean
KwonH committed
Oct 29, 2015 at 11:51 UTC
afc118e3c4e05629ed43b24d863bcad5e21abd55
1 file changed
+37
-14
docs/docs/getting-started.ko-KR.md
+37
-14
@@ -13,13 +13,37 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예
13
* **[React JSFiddle](https://jsfiddle.net/reactjs/69z2wepo/)**
14
* [React JSFiddle without JSX](https://jsfiddle.net/reactjs/5vjqabv3/)
15
16
-## 초심자용 키트
16
+## npm으로 React 사용하기
17
18
-초심자용 키트를 내려받아 시작합니다.
18
+React는 CommonJS 모듈과 유사한 시스템인 [browserify](http://browserify.org/) 또는 [webpack](https://webpack.github.io/)를 사용하기를 추천합니다.
19
+[`react`](https://www.npmjs.com/package/react) 와 [`react-dom`](https://www.npmjs.com/package/react-dom) npm
20
+패키지를 이용합니다.
21
+
22
+```js
23
+// main.js
24
+var React = require('react');
25
+var ReactDOM = require('react-dom');
26
+
27
+ReactDOM.render(
28
+ <h1>Hello, world!</h1>,
29
+ document.getElementById('example')
30
+);
31
+```
32
+
33
+browserify를 설치한 후에 React DOM을 설치하고 bundle을 빌드합니다.
34
+
35
+```sh
36
+$ npm install --save react react-dom
37
+$ browserify -t babelify main.js -o bundle.js
38
+```
39
+
40
+## npm 없이 Quick Start 하기
41
+
42
+만약 당신이 npm을 사용할 준비가 아직 안되었다면, 미리빌드된 React와 React DOM 파일이 포함된 초심자용 키트를 다운로드 받을 수 있습니다.
43
44
<div class="buttons-unit downloads">
45
<a href="/react/downloads/react-{{site.react_version}}.zip" class="button">
22
- 초심자용 키트 내려받기 {{site.react_version}}
46
+ Download Starter Kit {{site.react_version}}
47
</a>
48
</div>
49
@@ -32,6 +56,7 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예
56
<meta charset="UTF-8" />
57
<title>Hello React!</title>
58
<script src="build/react.js"></script>
59
+ <script src="build/react-dom.js"></script>
60
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
61
</head>
62
<body>
@@ -46,7 +71,7 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예
71
</html>
72
```
73
49
-JavaScript 안에 보이는 XML 구문은 JSX라고 합니다; 더 자세한 내용은 [JSX syntax](/react/docs/jsx-in-depth-ko-KR.html)을 확인하세요. 일반적인 JavaScript로 번역하기 위해 `<script type="text/jsx">`를 사용하고 `JSXTransformer.js`를 포함하는 것으로 실제로 브라우저에서 변환작업을 수행합니다.
74
+JavaScript 안에 보이는 XML 구문은 JSX라고 합니다; 더 자세한 내용은 [JSX syntax](/react/docs/jsx-in-depth-ko-KR.html)을 확인하세요. vanilla JavaScript로 번역하기 위해 `<script type="text/babel">`를 사용하고 Babel을 포함하는 것으로 실제로 브라우저에서 변환작업을 수행합니다.
75
76
### 파일의 분리
77
@@ -69,19 +94,20 @@ ReactDOM.render(
94
95
### 오프라인 변환
96
72
-먼저 커맨드라인 도구를 설치합니다. ([npm](https://www.npmjs.com/) 필요):
97
+먼저 [Babel](http://babeljs.io/) 커맨드라인 도구를 설치합니다. ([npm](https://www.npmjs.com/) 필요):
98
99
```
75
-npm install -g react-tools
100
+npm install --global babel
101
```
102
103
그다음, `src/helloworld.js` 파일을 일반 JavaScript 파일로 변환합니다:
104
105
```
81
-jsx --watch src/ build/
106
+babel src --watch --out-dir build
107
+
108
```
109
84
-수정할 때마다 `build/helloworld.js` 파일이 자동생성됩니다.
110
+수정할 때마다 `build/helloworld.js` 파일이 자동생성됩니다. 더 깊이 사용하고 싶으면 [Babel CLI documentation](http://babeljs.io/docs/usage/cli/)를 읽어보세요.
111
112
```javascript{2}
113
ReactDOM.render(
@@ -92,14 +118,15 @@ ReactDOM.render(
118
119
아래의 내용대로 HTML 파일을 업데이트합니다:
120
95
-```html{7,11}
121
+```html{8,12}
122
<!DOCTYPE html>
123
<html>
124
<head>
125
<meta charset="UTF-8" />
126
<title>Hello React!</title>
127
<script src="build/react.js"></script>
102
- <!-- Babel는 이제 불필요합니다! -->
128
+ <script src="build/react-dom.js"></script>
129
+ <!-- No need for Babel! -->
130
</head>
131
<body>
132
<div id="example"></div>
@@ -108,10 +135,6 @@ ReactDOM.render(
135
</html>
136
```
137
111
-## CommonJS를 원하시나요?
112
-
113
-만약 React를 [browserify](http://browserify.org/), [webpack](https://webpack.github.io/)이나 기타 CommonJS와 호환되는 모듈시스템과 함께 사용하고 싶다면, [`react` npm 패키지](https://www.npmjs.com/package/react)를 사용하세요. 그 외에도 `jsx` 빌드툴은 아주 쉽게 CommonJS 외에도 대부분의 패키징 시스템에 통합될 수 있습니다.
114
-
138
## 다음 단계로
139
140
더 알아보려면 [튜토리얼](/react/docs/tutorial-ko-KR.html)과 초심자용 키트의 `examples` 디렉터리에서 다른 예제들을 확인해 보세요.