{"patch":"diff --git a\/docs\/docs\/02-displaying-data.ko-KR.md b\/docs\/docs\/02-displaying-data.ko-KR.md\nindex 0c02ccbcde..2349266102 100644\n--- a\/docs\/docs\/02-displaying-data.ko-KR.md\n+++ b\/docs\/docs\/02-displaying-data.ko-KR.md\n@@ -105,7 +105,7 @@ JSX는 완전히 선택적입니다. 당신은 React와 JSX를 함께 사용하\n var child1 = React.createElement('li', null, 'First Text Content');\n var child2 = React.createElement('li', null, 'Second Text Content');\n var root = React.createElement('ul', { className: 'my-list' }, child1, child2);\n-React.render(root, document.body);\n+React.render(root, document.getElementById('example'));\n ```\n \n 편의를 위하여, 당신은 팩토리 함수 헬퍼들을 이용해 커스텀 컴포넌트로부터 엘리먼트들을 만들 수 있습니다.\n@@ -114,7 +114,7 @@ React.render(root, document.body);\n var Factory = React.createFactory(ComponentClass);\n ...\n var root = Factory({ custom: 'prop' });\n-React.render(root, document.body);\n+React.render(root, document.getElementById('example'));\n ```\n \n React는 이미 일반적인 HTML 태그에 대한 빌트인 팩토리를 가지고 있습니다.\ndiff --git a\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md b\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md\nindex cbd982a8de..871e2b9c69 100644\n--- a\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md\n+++ b\/docs\/docs\/02.1-jsx-in-depth.ko-KR.md\n@@ -26,7 +26,7 @@ HTML 태그를 렌더하려면, 그냥 JSX에 소문자 태그를 사용하세\n \n ```javascript\n var myDivElement =

;\n-React.render(myDivElement, document.body);\n+React.render(myDivElement, document.getElementById('example'));\n ```\n \n React 컴포넌트를 렌더하려면, 대문자로 시작하는 로컬 변수를 만드세요.\n@@ -34,7 +34,7 @@ React 컴포넌트를 렌더하려면, 대문자로 시작하는 로컬 변수\n ```javascript\n var MyComponent = React.createClass({\/*...*\/});\n var myElement = ;\n-React.render(myElement, document.body);\n+React.render(myElement, document.getElementById('example'));\n ```\n \n React JSX는 대소문자를 로컬 컴포넌트 클래스와 HTML 태그를 구별하는 컨벤션으로 사용합니다.\ndiff --git a\/docs\/docs\/02.3-jsx-gotchas.ko-KR.md b\/docs\/docs\/02.3-jsx-gotchas.ko-KR.md\nindex 30436103c2..3dd72770e8 100644\n--- a\/docs\/docs\/02.3-jsx-gotchas.ko-KR.md\n+++ b\/docs\/docs\/02.3-jsx-gotchas.ko-KR.md\n@@ -10,7 +10,7 @@ JSX는 HTML처럼 보이지만, 작업하다 보면 마주치게 될 몇 가지\n \n > 주의:\n >\n-> 인라인 `style` 어트리뷰트 같은 DOM과의 차이점은 [여기](\/react\/docs\/dom-differences-ko-KR.html)를 보세요.\n+> 인라인 `style` 어트리뷰트 같은 DOM과의 차이점은 [여기](\/react\/tips\/dangerously-set-inner-html-ko-KR.html)를 보세요.\n \n ## HTML 엔티티\n \ndiff --git a\/docs\/docs\/03-interactivity-and-dynamic-uis.ko-KR.md b\/docs\/docs\/03-interactivity-and-dynamic-uis.ko-KR.md\nindex 2abf5d8500..8154084ad7 100644\n--- a\/docs\/docs\/03-interactivity-and-dynamic-uis.ko-KR.md\n+++ b\/docs\/docs\/03-interactivity-and-dynamic-uis.ko-KR.md\n@@ -40,8 +40,6 @@ React.render(\n \n React에서의 이벤트 핸들러는 HTML에서 그러던 것처럼 간단히 카멜케이스 프로퍼티(camelCased prop)로 넘기면 됩니다. React의 모든 이벤트는 통합적인 이벤트 시스템의 구현으로 IE8 이상에서는 같은 행동이 보장됩니다. 즉, React는 사양에 따라 어떻게 이벤트를 일으키고(bubble) 잡는지 알고 있고, 당신이 사용하는 브라우저와 관계없이 이벤트 핸들러에 전달되는 이벤트는 [W3C 사양](http:\/\/www.w3.org\/TR\/DOM-Level-3-Events\/)과 같도록 보장됩니다.\n \n-React를 폰이나 테블릿같은 터치 디바이스에서 사용하려 한다면, 간단히 `React.initializeTouchEvents(true);`로 터치 이벤트 핸들링을 켜면 됩니다.\n-\n \n ## 기본 구현: 오토바인딩과 이벤트 델리게이션\n \ndiff --git a\/docs\/docs\/04-multiple-components.ko-KR.md b\/docs\/docs\/04-multiple-components.ko-KR.md\nindex 8e48777a94..f78bff48c2 100644\n--- a\/docs\/docs\/04-multiple-components.ko-KR.md\n+++ b\/docs\/docs\/04-multiple-components.ko-KR.md\n@@ -75,7 +75,7 @@ React 컴포넌트 인스턴스를 만들 때, 추가적인 React 컴포넌트\n \n ### 자식 Reconciliation (비교조정)\n \n-**Reconciliation은 React가 DOM을 각각 새로운 렌더 패스에 업데이트하는 과정입니다.** 일반적으로, 자식은 렌더하는 순서에 따라 비교조정됩니다. 예를 들어, 각각의 마크업을 생성하는 두 개의 랜더 패스가 있다고 해봅시다.\n+**Reconciliation은 React가 DOM을 각각 새로운 렌더 패스에 업데이트하는 과정입니다.** 일반적으로, 자식은 렌더하는 순서에 따라 비교조정됩니다. 예를 들어, 각각의 마크업을 생성하는 두 개의 렌더 패스가 있다고 해봅시다.\n \n ```html\n \/\/ Render Pass 1\n@@ -115,7 +115,7 @@ React 컴포넌트 인스턴스를 만들 때, 추가적인 React 컴포넌트\n <\/a>\n ### 동적 자식\n \n-자식들이 섞이거나(검색의 결과같은 경우) 새로운 컴포넌트가 목록의 앞에 추가(스트림같은 경우)된다면 상황은 점점 더 까다로워집니다. 이런 때에의 동일성과 각 자식의 상태는 반드시 랜더 패스 간에 유지돼야 합니다. 각 자식에 `key`를 할당 함으로써 독자적으로 식별할 수 있습니다.\n+자식들이 섞이거나(검색의 결과같은 경우) 새로운 컴포넌트가 목록의 앞에 추가(스트림같은 경우)된다면 상황은 점점 더 까다로워집니다. 이런 때에의 동일성과 각 자식의 상태는 반드시 렌더 패스 간에 유지돼야 합니다. 각 자식에 `key`를 할당 함으로써 독자적으로 식별할 수 있습니다.\n \n ```javascript\n render: function() {\ndiff --git a\/docs\/docs\/05-reusable-components.ko-KR.md b\/docs\/docs\/05-reusable-components.ko-KR.md\nindex 41980a588d..6682be7ab0 100644\n--- a\/docs\/docs\/05-reusable-components.ko-KR.md\n+++ b\/docs\/docs\/05-reusable-components.ko-KR.md\n@@ -26,7 +26,7 @@ React.createClass({\n optionalString: React.PropTypes.string,\n \n \/\/ 렌더링될 수 있는 모든 것: 숫자, 문자열, 요소\n- \/\/ 이것들을 포함하는 배열이나 엘리먼트\n+ \/\/ 이것들을 포함하는 배열(이나 프래그먼트)\n optionalNode: React.PropTypes.node,\n \n \/\/ React 엘리먼트\ndiff --git a\/docs\/docs\/06-transferring-props.ko-KR.md b\/docs\/docs\/06-transferring-props.ko-KR.md\nindex 296d8c4fc2..0daa5b0f01 100644\n--- a\/docs\/docs\/06-transferring-props.ko-KR.md\n+++ b\/docs\/docs\/06-transferring-props.ko-KR.md\n@@ -41,7 +41,7 @@ React.render(\n \n 세상아 안녕!\n <\/FancyCheckbox>,\n- document.body\n+ document.getElementById('example')\n );\n ```\n \n@@ -78,7 +78,7 @@ React.render(\n \n 세상아 안녕!\n <\/FancyCheckbox>,\n- document.body\n+ document.getElementById('example')\n );\n ```\n \ndiff --git a\/docs\/docs\/07-forms.ko-KR.md b\/docs\/docs\/07-forms.ko-KR.md\nindex 397d04b78f..dfcb099d79 100644\n--- a\/docs\/docs\/07-forms.ko-KR.md\n+++ b\/docs\/docs\/07-forms.ko-KR.md\n@@ -75,7 +75,7 @@ HTML에서는 `

` 태그의 값을 설정할 때 `<textarea>` 태그의\n   }\n ```\n \n-이것은 빈 값으로 시작되는 input을 랜더합니다. 임의의 사용자 입력은 즉시 렌더된 엘리먼트에 반영됩니다. 값의 업데이트를 감시하길 원한다면, 제어되는 컴포넌트처럼 `onChange` 이벤트를 사용할 수 있습니다.\n+이것은 빈 값으로 시작되는 input을 렌더합니다. 임의의 사용자 입력은 즉시 렌더된 엘리먼트에 반영됩니다. 값의 업데이트를 감시하길 원한다면, 제어되는 컴포넌트처럼 `onChange` 이벤트를 사용할 수 있습니다.\n \n 비어 있지 않은 값으로 초기화하길 원한다면, `defaultValue` prop로 할 수 있습니다. 예를 들어,\n \ndiff --git a\/docs\/docs\/10-addons.ko-KR.md b\/docs\/docs\/10-addons.ko-KR.md\nindex d262cfebd5..d0538c0f00 100644\n--- a\/docs\/docs\/10-addons.ko-KR.md\n+++ b\/docs\/docs\/10-addons.ko-KR.md\n@@ -14,7 +14,6 @@ next: animation-ko-KR.html\n - [`createFragment`](create-fragment-ko-KR.html)는 외부에서 키가 할당된 자식들의 모음을 만듭니다.\n - [`update`](update-ko-KR.html)는 JavaScript안에서 불변 데이터를 다루기 쉽게하는 헬퍼 함수입니다.\n - [`PureRenderMixin`](pure-render-mixin-ko-KR.html)는 특정 상황에서 성능을 향상시켜 줍니다.\n-- (비 추천) [`classSet`](class-name-manipulation-ko-KR.html)는 좀 더 알기 쉽게 DOM `class` 문자열을 다룹니다.\n \n 밑에 있는 애드온은 React 개발 (압축되지 않은) 버전에서만 사용가능 합니다.\n \ndiff --git a\/docs\/docs\/10.1-animation.ko-KR.md b\/docs\/docs\/10.1-animation.ko-KR.md\nindex 3cd5e6735d..98e646672d 100644\n--- a\/docs\/docs\/10.1-animation.ko-KR.md\n+++ b\/docs\/docs\/10.1-animation.ko-KR.md\n@@ -144,9 +144,17 @@ var ImageCarousel = React.createClass({\n \n `ReactTransitionGroup`은 애니메이션의 기초입니다. 이는 `React.addons.TransitionGroup`으로 접근할 수 있습니다. 위에 있는 예제처럼 자식들이 선언적으로 여기에 추가되거나 삭제되는 경우, 특별한 훅이 이 생명주기에서 호출됩니다.\n \n+### `componentWillAppear(callback)`\n+\n+이미 있는 `TransitionGroup`에 컴포넌트를 추가할 때 호출되는 `componentDidMount()`와 같이 호출됩니다. 이는 `callback`이 호출될 때까지 다른 애니메이션을 막습니다. `TransitionGroup`의 최초 렌더에서만 호출됩니다.\n+\n+### `componentDidAppear()`\n+\n+이는 `componentWillAppear`에 넘겨졌던 `callback` 함수가 호출된 다음에 호출됩니다.\n+\n ### `componentWillEnter(callback)`\n \n-이는 이미 있는 `TransitionGroup`에 컴포넌트를 추가할 때 호출되는 `componentDidMount()`와 같이 호출됩니다. 이는 `callback`이 호출될 때까지 다른 애니메이션을 막습니다. `TransitionGroup`의 최조 렌더에서는 불려지지 않습니다.\n+이미 있는 `TransitionGroup`에 컴포넌트를 추가할 때 호출되는 `componentDidMount()`와 같이 호출됩니다. 이는 `callback`이 호출될 때까지 다른 애니메이션을 막습니다. `TransitionGroup`의 최조 렌더에서는 불려지지 않습니다.\n \n ### `componentDidEnter()`\n \ndiff --git a\/docs\/docs\/10.2-form-input-binding-sugar.ko-KR.md b\/docs\/docs\/10.2-form-input-binding-sugar.ko-KR.md\nindex 3eeb926dfa..adb92d3d37 100644\n--- a\/docs\/docs\/10.2-form-input-binding-sugar.ko-KR.md\n+++ b\/docs\/docs\/10.2-form-input-binding-sugar.ko-KR.md\n@@ -3,7 +3,7 @@ id: two-way-binding-helpers-ko-KR\n title: 양방향 바인딩 핼퍼\n permalink: two-way-binding-helpers-ko-KR.html\n prev: animation-ko-KR.html\n-next: class-name-manipulation-ko-KR.html\n+next: test-utils-ko-KR.html\n ---\n \n `ReactLink`는 React에서 양방향 바인딩을 표현하는 쉬운 방법입니다.\ndiff --git a\/docs\/docs\/10.4-test-utils.ko-KR.md b\/docs\/docs\/10.4-test-utils.ko-KR.md\nindex 3f09cc324b..fa4638ff54 100644\n--- a\/docs\/docs\/10.4-test-utils.ko-KR.md\n+++ b\/docs\/docs\/10.4-test-utils.ko-KR.md\n@@ -2,7 +2,7 @@\n id: test-utils-ko-KR\n title: 테스트 유틸리티\n permalink: test-utils-ko-KR.html\n-prev: class-name-manipulation-ko-KR.html\n+prev: two-way-binding-helpers-ko-KR.html\n next: clone-with-props-ko-KR.html\n ---\n \ndiff --git a\/docs\/docs\/ref-01-top-level-api.ko-KR.md b\/docs\/docs\/ref-01-top-level-api.ko-KR.md\nindex 201b85924b..24e01b0894 100644\n--- a\/docs\/docs\/ref-01-top-level-api.ko-KR.md\n+++ b\/docs\/docs\/ref-01-top-level-api.ko-KR.md\n@@ -145,15 +145,6 @@ DOMElement findDOMNode(ReactComponent component)\n `React.PropTypes`는 컴포넌트에 넘어오는 props가 올바른지 검사할 수 있는 컴포넌트의 `propTypes` 객체에 들어가는 타입을 가집니다. `propTypes`에 대한 자세한 정보는 [재사용 가능한 컴포넌트](\/react\/docs\/reusable-components-ko-KR.html)를 참고하세요.\n \n \n-### React.initializeTouchEvents\n-\n-```javascript\n-initializeTouchEvents(boolean shouldUseTouch)\n-```\n-\n-React의 이벤트 시스템이 모바일 기기의 터치 이벤트를 처리하도록 설정합니다.\n-\n-\n ### React.Children\n \n `React.Children`은 불투명한 자료 구조인 `this.props.children`를 다룰 수 있는 유틸리티를 제공합니다.\ndiff --git a\/docs\/docs\/ref-04-tags-and-attributes.ko-KR.md b\/docs\/docs\/ref-04-tags-and-attributes.ko-KR.md\nindex eae4212a8f..a90e46e105 100644\n--- a\/docs\/docs\/ref-04-tags-and-attributes.ko-KR.md\n+++ b\/docs\/docs\/ref-04-tags-and-attributes.ko-KR.md\n@@ -60,7 +60,7 @@ formAction formEncType formMethod formNoValidate formTarget frameBorder height\n hidden href hrefLang htmlFor httpEquiv icon id label lang list loop manifest\n marginHeight marginWidth max maxLength media mediaGroup method min multiple\n muted name noValidate open pattern placeholder poster preload radioGroup\n-readOnly rel required role rows rowSpan sandbox scope scrolling seamless\n+readOnly rel required role rows rowSpan sandbox scope scoped scrolling seamless\n selected shape size sizes span spellCheck src srcDoc srcSet start step style\n tabIndex target title type useMap value width wmode\n ```\ndiff --git a\/docs\/docs\/ref-05-events.ko-KR.md b\/docs\/docs\/ref-05-events.ko-KR.md\nindex 1a744a4ed3..a4af57d651 100644\n--- a\/docs\/docs\/ref-05-events.ko-KR.md\n+++ b\/docs\/docs\/ref-05-events.ko-KR.md\n@@ -140,9 +140,6 @@ boolean shiftKey\n \n ### 터치 이벤트\n \n-터치 이벤트를 활성화 하려면, 컴포넌트를 렌더하기 전에\n-`React.initializeTouchEvents(true)`를 호출하세요.\n-\n 이벤트 이름:\n \n ```\ndiff --git a\/docs\/docs\/ref-09-glossary.ko-KR.md b\/docs\/docs\/ref-09-glossary.ko-KR.md\nindex ba72fa9edc..5b7303290b 100644\n--- a\/docs\/docs\/ref-09-glossary.ko-KR.md\n+++ b\/docs\/docs\/ref-09-glossary.ko-KR.md\n@@ -24,7 +24,7 @@ var root = React.createElement('div');\n DOM에 새로운 트리를 렌더링하기 위해서는 `ReactElement`를 만들고 일반적인 DOM `Element` (`HTMLElement` 또는 `SVGElement`)와 함께 `React.render`에 넘깁니다. `ReactElement`를 DOM `Element`와 혼동해서는 안됩니다. `ReactElement`는 가볍고, 상태를 갖지 않으며, 변경 불가능한, DOM `Element`의 가상 표현입니다. 즉 가상 DOM입니다.\n \n ```javascript\n-React.render(root, document.body);\n+React.render(root, document.getElementById('example'));\n ```\n \n DOM 엘리먼트에 프로퍼티를 추가하려면 두번째 인자로 프로퍼티 객체를, 세번째 인자로 자식을 넘깁니다.\n@@ -32,7 +32,7 @@ DOM 엘리먼트에 프로퍼티를 추가하려면 두번째 인자로 프로\n ```javascript\n var child = React.createElement('li', null, 'Text Content');\n var root = React.createElement('ul', { className: 'my-list' }, child);\n-React.render(root, document.body);\n+React.render(root, document.getElementById('example'));\n ```\n \n React JSX를 사용하면 `ReactElement`가 알아서 만들어집니다. 따라서 다음 코드는 앞의 코드와 같습니다:\n@@ -41,7 +41,7 @@ React JSX를 사용하면 `ReactElement`가 알아서 만들어집니다. 따라\n var root = <ul className=\"my-list\">\n              <li>Text Content<\/li>\n            <\/ul>;\n-React.render(root, document.body);\n+React.render(root, document.getElementById('example'));\n ```\n \n __팩토리__\n@@ -49,7 +49,7 @@ __팩토리__\n `ReactElement` 팩토리는 그저 특정한 `type` 프로퍼티를 가지는 `ReactElement`를 만들어주는 함수입니다. React에는 팩토리를 만드는 헬퍼가 내장되어 있습니다. 그 함수는 사실상 다음과 같습니다:\n \n ```javascript\n-function createFactory(type){\n+function createFactory(type) {\n   return React.createElement.bind(null, type);\n }\n ```\n@@ -59,7 +59,7 @@ function createFactory(type){\n ```javascript\n var div = React.createFactory('div');\n var root = div({ className: 'my-div' });\n-React.render(root, document.body);\n+React.render(root, document.getElementById('example'));\n ```\n \n React에는 이미 보통의 HTML 태그를 위한 팩토리가 내장되어 있습니다:\n@@ -122,14 +122,14 @@ var element = <MyComponent \/>;\n 이것이 `React.render`에 넘겨지면 React가 알아서 생성자를 호출하여 `ReactComponent`를 만들고 리턴합니다.\n \n ```javascript\n-var component = React.render(element, document.body);\n+var component = React.render(element, document.getElementById('example'));\n ```\n \n 같은 타입의 `ReactElement`와 같은 컨테이너 DOM `Element`를 가지고 `React.render`를 계속 호출하면 항상 같은 인스턴스를 리턴합니다. 이 인스턴스는 상태를 가집니다.\n \n ```javascript\n-var componentA = React.render(<MyComponent \/>, document.body);\n-var componentB = React.render(<MyComponent \/>, document.body);\n+var componentA = React.render(<MyComponent \/>, document.getElementById('example'));\n+var componentB = React.render(<MyComponent \/>, document.getElementById('example'));\n componentA === componentB; \/\/ true\n ```\n \ndiff --git a\/docs\/docs\/tutorial.ko-KR.md b\/docs\/docs\/tutorial.ko-KR.md\nindex fb2e4c78be..54cc160040 100644\n--- a\/docs\/docs\/tutorial.ko-KR.md\n+++ b\/docs\/docs\/tutorial.ko-KR.md\n@@ -41,7 +41,7 @@ next: thinking-in-react-ko-KR.html\n     <title>Hello React<\/title>\n     <script src=\"http:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n     <script src=\"http:\/\/fb.me\/JSXTransformer-{{site.react_version}}.js\"><\/script>\n-    <script src=\"http:\/\/code.jquery.com\/jquery-1.10.0.min.js\"><\/script>\n+    <script src=\"https:\/\/code.jquery.com\/jquery-2.1.3.min.js\"><\/script>\n   <\/head>\n   <body>\n     <div id=\"content\"><\/div>\ndiff --git a\/docs\/docs\/videos.ko-KR.md b\/docs\/docs\/videos.ko-KR.md\nindex c7db5fedb9..9d4461af1f 100644\n--- a\/docs\/docs\/videos.ko-KR.md\n+++ b\/docs\/docs\/videos.ko-KR.md\n@@ -8,28 +8,34 @@ next: complementary-tools-ko-KR.html\n \n ### Rethinking best practices - JSConf.eu\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/x7cQ3mrcKaY\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/x7cQ3mrcKaY\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n \"페이스북과 인스타그램에서, 우리는 React 를 이용해 웹에서 벌어질 수 있는 한계를 뛰어넘으려 노력하고 있습니다. 저는 프레임워크에 대한 짤막한 소개로 시작해서, 논쟁이 벌어질 수 있는 다음의 세가지 주제로 넘어갈겁니다. 템플릿의 개념을 버리고 Javascript 를 이용해 View 를 구축하기, 자료가 변할때 전체 어플리케이션을 다시 그리기(“re-rendering”), 그리고 DOM과 events의 경량화된 구현 입니다.\" -- [Pete Hunt](http:\/\/www.petehunt.net\/)\n \n+* * *\n+\n ### Thinking in react - tagtree.tv\n \n [tagtree.tv](http:\/\/tagtree.tv\/)의 비디오는 간단한 어플리케이션을 구성하면서 [Thinking in React](\/react\/docs\/thinking-in-react-ko-KR.html)의 원리들을 전달합니다.\n <figure>[![](\/react\/img\/docs\/thinking-in-react-tagtree.png)](http:\/\/tagtree.tv\/thinking-in-react)<\/figure>\n \n+* * *\n \n ### Secrets of the Virtual DOM - MtnWest JS\n \n-<iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/h3KksH8gfcQ\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/h3KksH8gfcQ\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n \"이번에는 왜 우리가 virtual DOM을 만들었는지, 이것이 다른 시스템들과는 어떻게 다른지, 그리고 브라우져 기술들의 미래와 어떻게 관련이 있는지에 대해서 이야기 해 볼 겁니다.\" -- [Pete Hunt](http:\/\/www.petehunt.net\/)\n \n+* * *\n \n ### Going big with React\n \n \"이 발표에서, 이 모든 JS 프레임워크가 다음을 약속하는것처럼 보입니다: 꺠끗한 구현들, 빠른 코드 디자인, 완전한 수행. 그런데 당신이 Javascript 스트레스 테스트를 할때, 어떤 일이 발생합니까? 혹은 6MB의 코드를 던지면 무슨일이 발생합니까? 이번에는 높은 스트레스 환경에서 React가 어떻게 작동하는지, 그리고 이것이 우리 팀이 방대한 크기의 코드를 안전하게 구성하는데 어떻게 도움이 되어줄지를 조사해 볼겁니다.\"\n [![](https:\/\/i.vimeocdn.com\/video\/481670116_650.jpg)](https:\/\/skillsmatter.com\/skillscasts\/5429-going-big-with-react#video)\n \n+* * *\n+\n ### CodeWinds\n \n CodeWinds Episode 4 에서 [Pete Hunt](http:\/\/www.petehunt.net\/)와 [Jeff Barczewski](http:\/\/jeff.barczewski.com\/)가 React에 대해서 이야기 합니다.\n@@ -62,6 +68,7 @@ CodeWinds Episode 4 에서 [Pete Hunt](http:\/\/www.petehunt.net\/)와 [Jeff Barcze\n \n [방송 자료 읽어보기](http:\/\/codewinds.com\/4)\n \n+* * *\n \n ### JavaScript Jabber\n \n@@ -90,58 +97,78 @@ Javascript Jabber 73에서 [Pete Hunt](http:\/\/www.petehunt.net\/)와 [Jordan Walk\n \n [전체 기록 읽어보기](http:\/\/javascriptjabber.com\/073-jsj-react-with-pete-hunt-and-jordan-walke\/)\n \n+* * *\n+\n ### Introduction to React.js - Facebook Seattle\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/XxVg_s8xAms\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/XxVg_s8xAms\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n By [Tom Occhino](http:\/\/tomocchino.com\/), [Jordan Walke](https:\/\/github.com\/jordwalke)\n \n+* * *\n+\n ### Backbone + React + Middleman Screencast\n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/iul1fWHVU6A\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"488\" src=\"https:\/\/www.youtube.com\/embed\/iul1fWHVU6A\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n Backbone은 React로 REST API를 제공하기 위한 아주 좋은 방법입니다. 이 화면중개는 [Backbone-React-Component](https:\/\/github.com\/magalhas\/backbone-react-component)을 이용해서 어떻게 이 두가지를 병합하는지 보여줍니다. Middleman은 이 예제에서 사용되는 프레임워크이지만, 쉽게 다른 프레임워크로 대체하실 수 있습니다. 지원되는 템플릿은 [이곳](https:\/\/github.com\/jbhatab\/middleman-backbone-react-template)에서 찾으실 수 있습니다. -- [열린 마음의 혁명들](http:\/\/www.openmindedinnovations.com\/)\n \n+* * *\n+\n ### Developing User Interfaces With React - Super VanJS\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/1OeXsL5mr4g\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/1OeXsL5mr4g\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n By [Steven Luscher](https:\/\/github.com\/steveluscher)\n \n+* * *\n+\n ### Introduction to React - LAWebSpeed meetup\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/SMMRJif5QW0\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/SMMRJif5QW0\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n by [Stoyan Stefanov](http:\/\/www.phpied.com\/)\n \n+* * *\n+\n ### React, or how to make life simpler - FrontEnd Dev Conf '14\n \n-<iframe width=\"560\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/YJNUK0EA_Jo\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"560\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/YJNUK0EA_Jo\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n **러시아어** by [Alexander Solovyov](http:\/\/solovyov.net\/)\n \n+* * *\n+\n ### \"Functional DOM programming\" - Meteor DevShop 11\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/qqVbr_LaCIo\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/qqVbr_LaCIo\" frameborder=\"0\" allowfullscreen><\/iframe>\n+\n+* * *\n \n ### \"Rethinking Web App Development at Facebook\" - Facebook F8 Conference 2014\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/nYkdrAPrdcw\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/nYkdrAPrdcw\" frameborder=\"0\" allowfullscreen><\/iframe>\n+\n+* * *\n \n ### React and Flux: Building Applications with a Unidirectional Data Flow - Forward JS 2014\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/embed\/i__969noyAM\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/embed\/i__969noyAM\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n Facebook 개발자 [Bill Fisher](http:\/\/twitter.com\/fisherwebdev)와 [Jing Chen](http:\/\/twitter.com\/jingc)가 Flux 와 React 에 대해서 이야기합니다. 그리고 어떻게 단일 방향의 자료흐름을 사용하는 어플리케이션 구조가 방대한 코드를 정리하는지에 대해서 이야기합니다.\"\n \n+* * *\n+\n ### Server-Side Rendering of Isomorphic Apps at SoundCloud\n \n-<iframe src=\"\/\/player.vimeo.com\/video\/108488724\" width=\"500\" height=\"281\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe src=\"https:\/\/player.vimeo.com\/video\/108488724\" width=\"650\" height=\"365\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n Server-side rendering을 위해 [SoundCloud](https:\/\/developers.soundcloud.com\/blog\/)가 React 와 Flux를 사용하는지 by [Andres Suarez](https:\/\/github.com\/zertosh)\n [발표 자료와 예제 코드](https:\/\/github.com\/zertosh\/ssr-demo-kit)\n \n+* * *\n+\n ### Introducing React Native (+Playlist) - React.js Conf 2015\n \n-<iframe width=\"650\" height=\"315\" src=\"\/\/www.youtube.com\/watch?v=KVZ-P-ZI6W4&index=1&list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr\" frameborder=\"0\" allowfullscreen><\/iframe>\n+<iframe width=\"650\" height=\"366\" src=\"https:\/\/www.youtube.com\/watch?v=KVZ-P-ZI6W4&index=1&list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr\" frameborder=\"0\" allowfullscreen><\/iframe>\n \n 2015년에 [Tom Occhino](https:\/\/twitter.com\/tomocchino)님이 React의 과거와 현재를 리뷰하고 나아갈 방향을 제시했습니다.\n","files":[{"path":"docs\/docs\/02-displaying-data.ko-KR.md","status":"M"},{"path":"docs\/docs\/02.1-jsx-in-depth.ko-KR.md","status":"M"},{"path":"docs\/docs\/02.3-jsx-gotchas.ko-KR.md","status":"M"},{"path":"docs\/docs\/03-interactivity-and-dynamic-uis.ko-KR.md","status":"M"},{"path":"docs\/docs\/04-multiple-components.ko-KR.md","status":"M"},{"path":"docs\/docs\/05-reusable-components.ko-KR.md","status":"M"},{"path":"docs\/docs\/06-transferring-props.ko-KR.md","status":"M"},{"path":"docs\/docs\/07-forms.ko-KR.md","status":"M"},{"path":"docs\/docs\/10-addons.ko-KR.md","status":"M"},{"path":"docs\/docs\/10.1-animation.ko-KR.md","status":"M"},{"path":"docs\/docs\/10.2-form-input-binding-sugar.ko-KR.md","status":"M"},{"path":"docs\/docs\/10.4-test-utils.ko-KR.md","status":"M"},{"path":"docs\/docs\/ref-01-top-level-api.ko-KR.md","status":"M"},{"path":"docs\/docs\/ref-04-tags-and-attributes.ko-KR.md","status":"M"},{"path":"docs\/docs\/ref-05-events.ko-KR.md","status":"M"},{"path":"docs\/docs\/ref-09-glossary.ko-KR.md","status":"M"},{"path":"docs\/docs\/tutorial.ko-KR.md","status":"M"},{"path":"docs\/docs\/videos.ko-KR.md","status":"M"}],"body":"","parents":["0b3fe6f47ec11b2e0e2c9b36b8e30ba55a01fb4e"],"commit":{"revision":"6911fa5c5b19b8d4c3871e654b527482d2e84dea","authorEmail":"marocchino@gmail.com","subject":"Update Korean translation to b3c75d8","authoredAt":"2015-03-21T08:27:56+09:00","shortRevision":"6911fa5c5b","authorName":"Shim Won"}}</article></body></html>

dillon1000/react

Files changed