Update docs to v0.13.0-beta.2
- Up to 5126cee
Shim Won committed
Feb 16, 2015 at 20:29 UTC
fb2f6c6747e9a388663666aaf467d204a9776f22
4 files changed
+30
-24
docs/docs/ref-02-component-api.ko-KR.md
+2
-2
@@ -39,7 +39,7 @@ replaceState(object nextState[, function callback])
39
`setState()`와 비슷하지만 기존에 존재하는 state 중 nextState에 없는 키는 모두 삭제됩니다.
40
41
42
-### forceUpdate()
42
+### forceUpdate
43
44
```javascript
45
forceUpdate([function callback])
@@ -61,7 +61,7 @@ DOMElement getDOMNode()
61
이 컴포넌트가 DOM에 마운트된 경우 해당하는 네이티브 브라우저 DOM 요소를 리턴합니다. 이 메소드는 폼 필드의 값이나 DOM의 크기/위치 등 DOM에서 정보를 읽을 때 유용합니다. `render`가 `null`이나 `false`를 리턴하였다면 `this.getDOMNode()`는 `null`을 리턴합니다.
62
63
64
-### isMounted()
64
+### isMounted
65
66
```javascript
67
bool isMounted()
docs/docs/ref-09-glossary.ko-KR.md
+1
@@ -76,6 +76,7 @@ JSX를 사용하면 팩토리가 필요하지 않습니다. 이미 JSX가 `React
76
## React 노드
77
78
`ReactNode`는 다음 중 하나가 될 수 있습니다:
79
+
80
- `ReactElement`
81
- `string` (`ReactText`로 부르기도 함)
82
- `number` (`ReactText`로 부르기도 함)
docs/docs/tutorial.ko-KR.md
+20
-21
@@ -166,47 +166,48 @@ var CommentBox = React.createClass({
166
167
방금 만든 컴포넌트들을 어떤방식으로 HTML 태그들과 섞어 사용하는지 살펴보세요. HTML 컴포넌트들도 한가지 차이만 제외한다면 우리가 정의한 것과 같은 표준적인 React 컴포넌트입니다. JSX 컴파일러가 자동으로 HTML 태그들을 `React.createElement(tagName)` 표현식으로 재작성하고 나머지는 그대로 둘 것입니다. 이는 전역 네임스페이스가 오염되는 것을 막아줍니다.
168
169
-### 컴포넌트 프로퍼티 (Component Properties)
169
+### props 사용하기
170
171
-이제 세 번째 컴포넌트인 `Comment`를 만들어 봅시다. 개별 댓글마다 글쓴이와 내용을 포함하게 될 것입니다. 먼저 댓글 몇 개를 `CommentList`에 추가해 봅시다:
171
+부모로 부터 받은 데이터에 의존하는 `Comment` 컴포넌트를 만들어 봅시다. 부모 컴포넌트로 부터 받은 데이터는 자식 컴포넌트에서 '프로퍼티'로 사용가능 합니다. 이 '프로퍼티들'은 `this.props`를 통해 접근합니다. props를 사용해 `CommentList`에서 전달받은 데이터를 읽어들이고, 마크업을 렌더할 수 있을 것입니다.
172
173
-```javascript{6-7}
173
+
174
+```javascript
175
// tutorial4.js
175
-var CommentList = React.createClass({
176
+var Comment = React.createClass({
177
render: function() {
178
return (
178
- <div className="commentList">
179
- <Comment author="Pete Hunt">댓글입니다</Comment>
180
- <Comment author="Jordan Walke">*또 다른* 댓글입니다</Comment>
179
+ <div className="comment">
180
+ <h2 className="commentAuthor">
181
+ {this.props.author}
182
+ </h2>
183
+ {this.props.children}
184
</div>
185
);
186
}
187
});
188
```
189
187
-부모 컴포넌트인 `CommentList`에서 자식 컴포넌트인 `Comment`에 데이터들을 전달하고 있는것을 확인할 수 있습니다. 예를 들어, 우리는 어트리뷰트로 *Pete Hunt*를, XML 형식의 자식 노드로 *댓글입니다*를 첫 번째 `Comment`로 넘겼습니다. 부모에서 자식 컴포넌트로 전달되는 데이터는 **props**라 합니다. properties의 축약어지요.
190
+JSX 내부의 중괄호로 둘러싸인 JavaScript 표현식(어트리뷰트나 엘리먼트의 자식으로 사용된)을 통해 텍스트나 React 컴포넌트를 트리에 더할 수 있습니다. `this.props`를 통해 컴포넌트에 전달된 특정한 어트리뷰트들에, `this.props.children`을 통해 중첩된 엘리먼트들에 접근할 수 있습니다.
191
189
-### props 사용하기
192
+### 컴포넌트 프로퍼티 (Component Properties)
193
191
-Comment 컴포넌트를 만들어 봅시다. **props**를 사용해 `CommentList`에서 전달받은 데이터를 읽어들이고, 마크업을 렌더할 수 있을 것입니다.
194
+`Comment` 컴포넌트를 만들었으니, 여기에 글쓴이와 내용을 넘겨보도록 합시다. 이렇게 함으로써 각 고유한 comment에서 같은 코드를 재사용할 수 있습니다. 먼저 댓글 몇 개를 `CommentList`에 추가해 봅시다:
195
193
-```javascript
196
+```javascript{6-7}
197
// tutorial5.js
195
-var Comment = React.createClass({
198
+var CommentList = React.createClass({
199
render: function() {
200
return (
198
- <div className="comment">
199
- <h2 className="commentAuthor">
200
- {this.props.author}
201
- </h2>
202
- {this.props.children}
201
+ <div className="commentList">
202
+ <Comment author="Pete Hunt">댓글입니다</Comment>
203
+ <Comment author="Jordan Walke">*또 다른* 댓글입니다</Comment>
204
</div>
205
);
206
}
207
});
208
```
209
209
-JSX 내부의 중괄호로 둘러싸인 JavaScript 표현식(어트리뷰트나 엘리먼트의 자식으로 사용된)을 통해 텍스트나 React 컴포넌트를 트리에 더할 수 있습니다. `this.props`를 통해 컴포넌트에 전달된 특정한 어트리뷰트들에, `this.props.children`을 통해 중첩된 엘리먼트들에 접근할 수 있습니다.
210
+부모 컴포넌트인 `CommentList`에서 자식 컴포넌트인 `Comment`에 데이터들을 전달하고 있는것을 확인할 수 있습니다. 예를 들어, 우리는 어트리뷰트로 *Pete Hunt*를, XML 형식의 자식 노드로 *댓글입니다*를 첫 번째 `Comment`로 넘겼습니다. 위에서 언급했듯이 `Comment` 컴포넌트는 그들의 '프로퍼티'를 `this.props.author`, `this.props.children`를 통해 접근합니다.
211
212
### Markdown 추가하기
213
@@ -483,7 +484,7 @@ var CommentForm = React.createClass({
484
485
이제 폼의 상호작용을 만들어 보겠습니다. 사용자가 폼을 섭밋하는 시점에 우리는 폼을 초기화하고 서버에 요청을 전송하고 댓글목록을 갱신해야 합니다. 폼의 섭밋 이벤트를 감시하고 초기화 해주는 부분부터 시작해 보죠.
486
486
-```javascript{3-14,17-20}
487
+```javascript{3-13,16-19}
488
// tutorial16.js
489
var CommentForm = React.createClass({
490
handleSubmit: function(e) {
@@ -496,7 +497,6 @@ var CommentForm = React.createClass({
497
// TODO: 서버에 요청을 전송합니다
498
this.refs.author.getDOMNode().value = '';
499
this.refs.text.getDOMNode().value = '';
499
- return;
500
},
501
render: function() {
502
return (
@@ -578,7 +578,6 @@ var CommentForm = React.createClass({
578
this.props.onCommentSubmit({author: author, text: text});
579
this.refs.author.getDOMNode().value = '';
580
this.refs.text.getDOMNode().value = '';
581
- return;
581
},
582
render: function() {
583
return (
docs/docs/videos.ko-KR.md
+7
-1
@@ -2,7 +2,7 @@
2
id: videos-ko-KR
3
title: 비디오들
4
permalink: videos-ko-KR.html
5
-prev: thinking-in-react-ko-KR.html
5
+prev: conferences-ko-KR.html
6
next: complementary-tools-ko-KR.html
7
---
8
@@ -139,3 +139,9 @@ Facebook 개발자 [Bill Fisher](http://twitter.com/fisherwebdev)와 [Jing Chen]
139
140
Server-side rendering을 위해 [SoundCloud](https://developers.soundcloud.com/blog/)가 React 와 Flux를 사용하는지 by [Andres Suarez](https://github.com/zertosh)
141
[발표 자료와 예제 코드](https://github.com/zertosh/ssr-demo-kit)
142
+
143
+### Introducing React Native (+Playlist) - React.js Conf 2015
144
+
145
+<iframe width="650" height="315" src="//www.youtube.com/watch?v=KVZ-P-ZI6W4&index=1&list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr" frameborder="0" allowfullscreen></iframe>
146
+
147
+2015년에 [Tom Occhino](https://twitter.com/tomocchino)님이 React의 과거와 현재를 리뷰하고 나아갈 방향을 제시했습니다.