{"files":[{"path":"docs\/docs\/06-transferring-props.ko-KR.md","status":"A"}],"body":"- Up to 8326a9f","parents":["f2fbb31ace78a3901ab42ac45dc903680a1aabcd"],"patch":"diff --git a\/docs\/docs\/06-transferring-props.ko-KR.md b\/docs\/docs\/06-transferring-props.ko-KR.md\nnew file mode 100644\nindex 0000000000..296d8c4fc2\n--- \/dev\/null\n+++ b\/docs\/docs\/06-transferring-props.ko-KR.md\n@@ -0,0 +1,164 @@\n+---\n+id: transferring-props-ko-KR\n+title: Props 전달\n+permalink: transferring-props-ko-KR.html\n+prev: reusable-components-ko-KR.html\n+next: forms-ko-KR.html\n+---\n+\n+React에서는 컴포넌트를 감싸서 추상화하는 것이 일반적인 패턴입니다. 외부 컴포넌트에서는 간단한 프로퍼티만을 노출하여 복잡한 세부 구현을 감출 수 있습니다.\n+\n+[JSX 스프레드 어트리뷰트](\/react\/docs\/jsx-spread-ko-KR.html)를 통해 props에 추가적인 값을 병합할 수 있습니다.\n+\n+```javascript\n+return ;\n+```\n+\n+만약 JSX를 사용하지 않는다면 ES6의 `Object.assign`나 Underscore의 `_.extend` 같은 객체 헬퍼를 사용할 수 있습니다:\n+\n+```javascript\n+return Component(Object.assign({}, this.props, { more: 'values' }));\n+```\n+\n+이 튜토리얼의 나머지 부분은 모범 답안을 소개할 것입니다. JSX와 실험적인 ES7 구문을 사용합니다.\n+\n+## 수동적인 전달\n+\n+대부분의 경우 명시적으로 프로퍼티를 아래로 전달해야 합니다. 이는 동작을 확신하는 내부 API의 일부만 공개하도록 합니다.\n+\n+```javascript\n+var FancyCheckbox = React.createClass({\n+ render: function() {\n+ var fancyClass = this.props.checked ? 'FancyChecked' : 'FancyUnchecked';\n+ return (\n+

\n+ {this.props.children}\n+ <\/div>\n+ );\n+ }\n+});\n+React.render(\n+ \n+ 세상아 안녕!\n+ <\/FancyCheckbox>,\n+ document.body\n+);\n+```\n+\n+하지만 `name`이나 `title`, `onMouseOver` 같은 prop들이 더 추가된다면 어떨까요?\n+\n+## JSX에서 `...`를 사용해 전달하기\n+\n+> 주의:\n+> \n+> 아래의 예제에서는 실험적인 ES7 문법이 사용되었기 때문에 `--harmony ` 플래그가 필요합니다. 브라우저에서 JSX 변환기를 사용 중이라면, `

dillon1000/react

Files changed