Translate tip-18 to Korean
- Up to 6f44f60
Jinwoo Oh committed
Mar 15, 2015 at 02:15 UTC
45a3332a382b3a63b44459656479ac5383d9742f
2 files changed
+40
docs/docs/ref-03-component-specs.ko-KR.md
+1
@@ -98,6 +98,7 @@ string displayName
98
`displayName` 문자열은 디버그 메시지에 사용됩니다. JSX는 이 값을 자동으로 설정합니다. [JSX 깊이 알기](/react/docs/jsx-in-depth-ko-KR.html#the-transform)를 참고하세요.
99
100
101
+<a name="lifecycle-methods"></a>
102
## 생명주기 메소드
103
104
컴포넌트의 생명주기에서 특정 시점마다 실행되는 메소드들입니다.
docs/tips/18-use-react-with-other-libraries.ko-KR.md
new
+39
@@ -0,0 +1,39 @@
1
+---
2
+id: use-react-with-other-libraries-ko-KR
3
+title: React와 다른 라이브러리를 함께 사용하기
4
+layout: tips
5
+permalink: use-react-with-other-libraries-ko-KR.html
6
+prev: children-undefined-ko-KR.html
7
+next: dangerously-set-inner-html-ko-KR.html
8
+---
9
+
10
+React만으로 만들 필요는 없습니다. 컴포넌트의 [생명주기 이벤트](/react/docs/component-specs-ko-KR.html#lifecycle-methods), 특히 `componentDidMount`와 `componentDidUpdate`는 다른 라이브러리들의 로직을 넣기에 좋은 장소입니다.
11
+
12
+```js
13
+var App = React.createClass({
14
+ getInitialState: function() {
15
+ return {myModel: new myBackboneModel({items: [1, 2, 3]})};
16
+ },
17
+
18
+ componentDidMount: function() {
19
+ $(this.refs.placeholder.getDOMNode()).append($('<span />'));
20
+ },
21
+
22
+ componentWillUnmount: function() {
23
+ // 정리는 여기서 합니다
24
+ },
25
+
26
+ shouldComponentUpdate: function() {
27
+ // 이 컴포넌트를 다시는 업데이트하지 않도록 하죠.
28
+ return false;
29
+ },
30
+
31
+ render: function() {
32
+ return <div ref="placeholder"/>;
33
+ }
34
+});
35
+
36
+React.render(<App />, mountNode);
37
+```
38
+
39
+이 방식으로 별도의 [이벤트 리스너](/react/tips/dom-event-listeners-ko-KR.html)나 [이벤트 스트림](https://baconjs.github.io) 같은 것들을 더할 수 있습니다.