Translate 10.7 to Korean
- Up to 0bf88f2
Shim Won committed
Mar 1, 2015 at 08:18 UTC
c0ac76d723e611d81886bc1cd29daec72629cc06
1 file changed
+30
docs/docs/10.7-pure-render-mixin.ko-KR.md
new
+30
@@ -0,0 +1,30 @@
1
+---
2
+id: pure-render-mixin-ko-KR
3
+title: PureRenderMixin
4
+permalink: pure-render-mixin-ko-KR.html
5
+prev: update-ko-KR.html
6
+next: perf-ko-KR.html
7
+---
8
+
9
+React 컴포넌트의 렌더 함수가 "pure"하다면 (다른 말로, props나 state에 같은 값이 주어질 때 같은 결과를 렌더한다면) 몇몇 경우엔 이 믹스인을 사용하여 성능을 향상시킬 수 있습니다.
10
+
11
+예제:
12
+
13
+```js
14
+var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
15
+React.createClass({
16
+ mixins: [PureRenderMixin],
17
+
18
+ render: function() {
19
+ return <div className={this.props.className}>foo</div>;
20
+ }
21
+});
22
+```
23
+
24
+내부적으로 믹스인은 현재의 props와 state를 다음 값과 비교하여 같다면 `false`를 반환하도록 [shouldComponentUpdate](/react/docs/component-specs-ko-KR.html#updating-shouldcomponentupdate)를 구현합니다.
25
+
26
+> 주의:
27
+>
28
+> 여기서는 객체에 대한 얕은(shallow) 비교만 합니다. 복잡한 데이터 구조를 가진 경우에는 깊은 부분의 차이에 대해 잘못된 false를 반환 할 수도 있습니다. 간단한 props와 state를 사용하는 컴포넌트에만 적용하거나 깊은 데이터 구조가 변경 되었을때는 `forceUpdate()`를 사용하세요. 아니면 중첩 데이터의 비교를 빠르고 용이하게 하기 위해 [immutable 객체](http://facebook.github.io/immutable-js/)의 도입을 고려해보세요.
29
+>
30
+> 또, `shouldComponentUpdate`는 컴포넌트 서브트리의 업데이트를 건너뜁니다. 모든 자식 컴포넌트들도 "pure"한지 확인하세요.