7e73efefd8 · samitouri/QOS-React-2

docs/docs/02-displaying-data.ko-KR.md

+3 -3

@@ -1,9 +1,9 @@

1 ---

2 id: displaying-data-ko-KR

3 title: 데이터를 표시하기

4 -permalink: displaying-data.ko-KR.html

5 -prev: why-react.ko-KR.html

6 -next: jsx-in-depth.ko-KR.html

4 +permalink: displaying-data-ko-KR.html

5 +prev: why-react-ko-KR.html

6 +next: jsx-in-depth-ko-KR.html

7 ---

8

9 UI를 가지고 할 수 있는 가장 기초적인 것은 데이터를 표시하는 것입니다. React는 데이터를 표시하고 데이터가 변할 때마다 인터페이스를 최신의 상태로 자동으로 유지하기 쉽게 해 줍니다.

docs/docs/02.1-jsx-in-depth.ko-KR.md

+2 -2

@@ -78,7 +78,7 @@ JavaScript로 변환하는지(desugars) 볼 수 있고,

78 [HTML에서 JSX 변환기](/react/html-jsx.html)는 이미 있는 HTML을 JSX로 변환해

79 줍니다.

80

81 -JSX를 사용 하시려면, [시작하기](/react/docs/getting-started.html) 가이드에서 어떻게 컴파일을 설정하는지 보실 수 있습니다.

81 +JSX를 사용 하시려면, [시작하기](/react/docs/getting-started-ko-KR.html) 가이드에서 어떻게 컴파일을 설정하는지 보실 수 있습니다.

82

83 > 주의:

84 >

@@ -201,4 +201,4 @@ var content = (

201

202 > 주의:

203 >

204 -> JSX 는 HTML과 비슷하지만 완전히 같지는 않습니다. 중요한 차이점을 보시려면 [JSX gotchas](/react/docs/jsx-gotchas.html)를 보세요.

204 +> JSX 는 HTML과 비슷하지만 완전히 같지는 않습니다. 중요한 차이점을 보시려면 [JSX gotchas](/react/docs/jsx-gotchas-ko-KR.html)를 보세요.

docs/docs/02.3-jsx-gotchas.ko-KR.md

+2 -2

@@ -10,7 +10,7 @@ JSX는 HTML처럼 보이지만 하다 보면 부딪히게 될 몇 가지 중요

10

11 > 주의:

12 >

13 -> 인라인 `style` 어트리뷰트 같은 DOM 차이점은 [여기](/react/docs/dom-differences.html)를 보세요.

13 +> 인라인 `style` 어트리뷰트 같은 DOM 차이점은 [여기](/react/docs/dom-differences-ko-KR.html)를 보세요.

14

15 ## HTML 엔티티

16

@@ -46,7 +46,7 @@ JSX의 리터럴 텍스트에 HTML 엔티티를 넣을 수 있습니다.

46 <div>{['First ', <span>·</span>, ' Second']}</div>

47 ```

48

49 -최후의 수단으로, 항상 [생 HTML을 삽입](/react/docs/dom-differences.html)할 수는 있습니다.

49 +최후의 수단으로, 항상 [생 HTML을 삽입](/react/docs/dom-differences-ko-KR.html)할 수는 있습니다.

50

51 ```javascript

52 <div dangerouslySetInnerHTML={{'{{'}}__html: 'First · Second'}} />

docs/docs/03-interactivity-and-dynamic-uis.ko-KR.md

+4 -4

@@ -1,12 +1,12 @@

1 ---

2 id: interactivity-and-dynamic-uis-ko-KR

3 title: 상호 작용 및 동적 UI

4 -permalink: interactivity-and-dynamic-uis.ko-KR.html

5 -prev: jsx-gotchas.ko-KR.html

6 -next: multiple-components.ko-KR.html

4 +permalink: interactivity-and-dynamic-uis-ko-KR.html

5 +prev: jsx-gotchas-ko-KR.html

6 +next: multiple-components-ko-KR.html

7 ---

8

9 -이미 React에서 [어떻게 데이터를 표시](/react/docs/displaying-data.ko-KR.html)하는지를 배웠습니다. 이제 UI와의 상호작용을 어떻게 만드는지 살펴보죠.

9 +이미 React에서 [어떻게 데이터를 표시](/react/docs/displaying-data-ko-KR.html)하는지를 배웠습니다. 이제 UI와의 상호작용을 어떻게 만드는지 살펴보죠.

10

11

12 ## 간단한 예제

docs/docs/04-multiple-components.ko-KR.md

+5 -5

@@ -1,9 +1,9 @@

1 ---

2 id: multiple-components-ko-KR

3 title: 복합 컴포넌트

4 -permalink: multiple-components.ko-KR.html

5 -prev: interactivity-and-dynamic-uis.ko-KR.html

6 -next: reusable-components.html

4 +permalink: multiple-components-ko-KR.html

5 +prev: interactivity-and-dynamic-uis-ko-KR.html

6 +next: reusable-components-ko-KR.html

7 ---

8

9 지금까지, 단일 컴포넌트에서 데이터를 표시하고 유저 입력을 다루는 것을 살펴보았습니다. 다음엔 React의 최고의 기능 중 하나인 조합가능성(composability)을 살펴봅시다.

@@ -70,7 +70,7 @@ React 컴포넌트 인스턴스를 만들 때, 추가적인 React 컴포넌트

70 <Parent><Child /></Parent>

71 ```

72

73 -`Parent`는 `this.props.children`라는 특수 prop으로 자식들을 읽을 수 있습니다. **`this.props.children` 는 불투명한 데이터 구조이며,** [React.Children 유틸리티](/react/docs/top-level-api.html#react.children)를 사용해 자식들을 관리합니다.

73 +`Parent`는 `this.props.children`라는 특수 prop으로 자식들을 읽을 수 있습니다. **`this.props.children` 는 불투명한 데이터 구조이며,** [React.Children 유틸리티](/react/docs/top-level-api-ko-KR.html#react.children)를 사용해 자식들을 관리합니다.

74

75

76 ### 자식 Reconciliation

@@ -201,7 +201,7 @@ React에서 데이터는 위에서 말한 것처럼 `props`를 통해 소유자

201

202 소유자가 가지고 있는 노드의 수가 많아지면 데이터의 변화에 반응하는 비용이 증가할 것으로 생각할 수도 있습니다. 좋은 소식은 JavaScript가 빠르고 `render()` 메서드는 꽤 간단한 경향이 있어, 대부분 애플리케이션에서 매우 빠르다는 점입니다. 덧붙여, 대부분의 병목 현상은 JS 실행이 아닌 DOM 변경에서 일어나고, React는 배치와 탐지 변경을 이용해 최적화해 줍니다.

203

204 -하지만, 가끔 성능을 위해 정교하게 제어해야 할 때도 있습니다. 이런 경우,React가 서브트리의 처리를 건너 뛰도록 간단히 `shouldComponentUpdate()`를 오버라이드해 false를 리턴하게 할 수 있습니다. 좀 더 자세한 정보는 [React 참조 문서](/react/docs/component-specs.html)를 보세요.

204 +하지만, 가끔 성능을 위해 정교하게 제어해야 할 때도 있습니다. 이런 경우,React가 서브트리의 처리를 건너 뛰도록 간단히 `shouldComponentUpdate()`를 오버라이드해 false를 리턴하게 할 수 있습니다. 좀 더 자세한 정보는 [React 참조 문서](/react/docs/component-specs-ko-KR.html)를 보세요.

205

206 > 주의:

207 >

docs/docs/07-forms.ko-KR.md

+4 -4

@@ -1,14 +1,14 @@

1 ---

2 id: forms-ko-KR

3 title: 폼

4 -permalink: forms.ko-KR.html

5 -prev: transferring-props.ko-KR.html

6 -next: working-with-the-browser.ko-KR.html

4 +permalink: forms-ko-KR.html

5 +prev: transferring-props-ko-KR.html

6 +next: working-with-the-browser-ko-KR.html

7 ---

8

9 `<input>`, `<textarea>`, `<option>` 같은 폼 컴포넌트는 다른 네이티브 컴포넌트와 다릅니다. 왜냐하면, 사용자의 상호작용에 의해 변경될 수 있기 때문이죠. 이런 컴포넌트들은 사용자의 상호작용에 반응하여 폼을 더 쉽게 관리할 수 있도록 인터페이스를 제공합니다.

10

11 -`<form>` 이벤트에 관한 정보는 [폼 이벤트](/react/docs/events.html#form-events)를 보세요.

11 +`<form>` 이벤트에 관한 정보는 [폼 이벤트](/react/docs/events-ko-KR.html#form-events)를 보세요.

12

13 ## Props의 상호작용

14

docs/docs/10.6-update.ko-KR.md

+3 -3

@@ -1,9 +1,9 @@

1 ---

2 id: update-ko-KR

3 title: 불변성 헬퍼들

4 -permalink: update.ko-KR.html

5 -prev: clone-with-props.ko-KR.html

6 -next: pure-render-mixin.ko-KR.html

4 +permalink: update-ko-KR.html

5 +prev: clone-with-props-ko-KR.html

6 +next: pure-render-mixin-ko-KR.html

7 ---

8

9 React에서는 mutation을 포함해 어떤 데이터 관리 방식도 사용하실 수 있습니다. 하지만 애플리케이션의 성능이 중요한 부분에서 불변의(immutable) 데이터를 사용할 수 있다면, 쉽게 빠른 `shouldComponentUpdate()` 메서드를 구현해 애플리케이션의 속도를 크게 향상시킬 수 있습니다.

docs/docs/getting-started.ko-KR.md

+6 -5

@@ -1,8 +1,9 @@

1 ---

2 -id: getting-started

2 +id: getting-started-ko-KR

3 title: 시작해보기

4 -next: tutorial.ko-KR.html

5 -redirect_from: "docs/index.ko-KR.html"

4 +permalink: getting-started-ko-KR.html

5 +next: tutorial-ko-KR.html

6 +redirect_from: "docs/index-ko-KR.html"

7 ---

8

9 ## JSFiddle

@@ -43,7 +44,7 @@ React를 시작하는 가장 빠른 방법은 다음의 Hello World JSFiddle 예

44 </html>

45 ```

46

46 -JavaScript 안에 보이는 XML 구문은 JSX라고 합니다; 더 자세한 내용은 [JSX syntax](/react/docs/jsx-in-depth.html)을 확인하세요. 일반적인 JavaScript로 번역하기 위해 `<script type="text/jsx">`를 사용하고 `JSXTransformer.js`를 포함하는 것으로 실제로 브라우저에서 변환작업을 수행합니다.

47 +JavaScript 안에 보이는 XML 구문은 JSX라고 합니다; 더 자세한 내용은 [JSX syntax](/react/docs/jsx-in-depth-ko-KR.html)을 확인하세요. 일반적인 JavaScript로 번역하기 위해 `<script type="text/jsx">`를 사용하고 `JSXTransformer.js`를 포함하는 것으로 실제로 브라우저에서 변환작업을 수행합니다.

48

49 ### 파일의 분리

50

@@ -108,7 +109,7 @@ React.render(

109

110 ## 다음 단계로

111

111 -더 알아보려면 [튜토리얼](/react/docs/tutorial.ko-KR.html)과 초심자용 키트의 `examples` 디렉터리에서 다른 예제들을 확인해 보세요.

112 +더 알아보려면 [튜토리얼](/react/docs/tutorial-ko-KR.html)과 초심자용 키트의 `examples` 디렉터리에서 다른 예제들을 확인해 보세요.

113

114 커뮤니티의 기여로 운영되는 Wiki도 있습니다: [워크플로우, UI 컴포넌트, 라우팅, 데이터 관리 등](https://github.com/facebook/react/wiki/Complementary-Tools)

115

docs/docs/ref-01-top-level-api.ko-KR.md

+5 -5

@@ -1,9 +1,9 @@

1 ---

2 id: top-level-api-ko-KR

3 title: 최상위 API

4 -permalink: top-level-api.ko-KR.html

5 -next: component-api.ko-KR.html

6 -redirect_from: "/docs/reference.ko-KR.html"

4 +permalink: top-level-api-ko-KR.html

5 +next: component-api-ko-KR.html

6 +redirect_from: "/docs/reference-ko-KR.html"

7 ---

8

9 ## React

@@ -19,7 +19,7 @@ ReactClass createClass(object specification)

19

20 주어진 명세에 따라 컴포넌트 클래스를 만듭니다. 컴포넌트는 단 하나의 자식만을 리턴하는 `render` 메소드를 구현합니다. 그 자식은 임의 깊이의 자식 구조를 가질 수 있습니다. 컴포넌트가 일반적인 프로토타입 기반의 클래스와 다른 점은 생성할 때 `new` 연산자를 사용하지 않아도 된다는 것입니다. 컴포넌트는 (`new` 연산자를 통해) 내부 인스턴스를 만들어 주는 편의 래퍼(wrapper)입니다.

21

22 -명세 객체에 대한 자세한 정보는 [컴포넌트 명세와 생명주기](/react/docs/component-specs.ko-KR.html)를 참고하세요.

22 +명세 객체에 대한 자세한 정보는 [컴포넌트 명세와 생명주기](/react/docs/component-specs-ko-KR.html)를 참고하세요.

23

24

25 ### React.createElement

@@ -113,7 +113,7 @@ boolean isValidElement(* object)

113

114 ### React.PropTypes

115

116 -`React.PropTypes`는 컴포넌트에 넘어오는 props가 올바른지 검사할 수 있는 컴포넌트의 `propTypes` 객체에 들어가는 타입을 가집니다. `propTypes`에 대한 자세한 정보는 [재사용 가능한 컴포넌트](/react/docs/reusable-components.ko-KR.html)를 참고하세요.

116 +`React.PropTypes`는 컴포넌트에 넘어오는 props가 올바른지 검사할 수 있는 컴포넌트의 `propTypes` 객체에 들어가는 타입을 가집니다. `propTypes`에 대한 자세한 정보는 [재사용 가능한 컴포넌트](/react/docs/reusable-components-ko-KR.html)를 참고하세요.

117

118

119 ### React.initializeTouchEvents

docs/docs/ref-02-component-api.ko-KR.md

+4 -4

@@ -1,14 +1,14 @@

1 ---

2 id: component-api-ko-KR

3 title: 컴포넌트 API

4 -permalink: component-api.ko-KR.html

5 -prev: top-level-api.ko-KR.html

6 -next: component-specs.ko-KR.html

4 +permalink: component-api-ko-KR.html

5 +prev: top-level-api-ko-KR.html

6 +next: component-specs-ko-KR.html

7 ---

8

9 ## ReactComponent

10

11 -React 컴포넌트의 인스턴스는 React가 렌더링 시에 내부적으로 만듭니다. 이때 만들어진 인스턴스는 이후의 렌더링에서 다시 사용되고 컴포넌트의 메소드들에서 `this` 변수로 접근할 수 있습니다. React 외부에서 React 컴포넌트의 핸들을 얻는 방법은 `React.render`의 리턴값을 저장하는 것이 유일합니다. 다른 컴포넌트 안에서 비슷한 결과를 얻으려면 [refs](/react/docs/more-about-refs.ko-KR.html)를 사용해야 합니다.

11 +React 컴포넌트의 인스턴스는 React가 렌더링 시에 내부적으로 만듭니다. 이때 만들어진 인스턴스는 이후의 렌더링에서 다시 사용되고 컴포넌트의 메소드들에서 `this` 변수로 접근할 수 있습니다. React 외부에서 React 컴포넌트의 핸들을 얻는 방법은 `React.render`의 리턴값을 저장하는 것이 유일합니다. 다른 컴포넌트 안에서 비슷한 결과를 얻으려면 [refs](/react/docs/more-about-refs-ko-KR.html)를 사용해야 합니다.

12

13

14 ### setState

docs/docs/ref-03-component-specs.ko-KR.md

+6 -6

@@ -1,9 +1,9 @@

1 ---

2 id: component-specs-ko-KR

3 title: 컴포넌트 명세와 생명주기

4 -permalink: component-specs.ko-KR.html

5 -prev: component-api.ko-KR.html

6 -next: tags-and-attributes.ko-KR.html

4 +permalink: component-specs-ko-KR.html

5 +prev: component-api-ko-KR.html

6 +next: tags-and-attributes-ko-KR.html

7 ---

8

9 ## 컴포넌트 명세

@@ -52,7 +52,7 @@ object getDefaultProps()

52 object propTypes

53 ```

54

55 -`propTypes` 객체는 컴포넌트에 넘어오는 props가 올바른지 검사할 수 있게 해줍니다. `propTypes`에 대한 자세한 정보는 [재사용 가능한 컴포넌트](/react/docs/reusable-components.ko-KR.html)를 참고하세요.

55 +`propTypes` 객체는 컴포넌트에 넘어오는 props가 올바른지 검사할 수 있게 해줍니다. `propTypes`에 대한 자세한 정보는 [재사용 가능한 컴포넌트](/react/docs/reusable-components-ko-KR.html)를 참고하세요.

56

57

58 ### mixins

@@ -61,7 +61,7 @@ object propTypes

61 array mixins

62 ```

63

64 -`mixins` 배열은 여러 컴포넌트 사이에 동작을 공유하는 믹스인을 사용할 수 있게 해줍니다. 믹스인에 대한 자세한 정보는 [재사용 가능한 컴포넌트](/react/docs/reusable-components.ko-KR.html)를 참고하세요.

64 +`mixins` 배열은 여러 컴포넌트 사이에 동작을 공유하는 믹스인을 사용할 수 있게 해줍니다. 믹스인에 대한 자세한 정보는 [재사용 가능한 컴포넌트](/react/docs/reusable-components-ko-KR.html)를 참고하세요.

65

66

67 ### statics

@@ -95,7 +95,7 @@ MyComponent.customMethod('bar'); // true

95 string displayName

96 ```

97

98 -`displayName` 문자열은 디버그 메시지에 사용됩니다. JSX는 이 값을 자동으로 설정합니다. [JSX 깊이 알기](/react/docs/jsx-in-depth.html#react-composite-components)를 참고하세요.

98 +`displayName` 문자열은 디버그 메시지에 사용됩니다. JSX는 이 값을 자동으로 설정합니다. [JSX 깊이 알기](/react/docs/jsx-in-depth-ko-KR.html#react-composite-components)를 참고하세요.

99

100

101 ## 생명주기 메소드

docs/docs/ref-04-tags-and-attributes.ko-KR.md

+5 -5

@@ -1,9 +1,9 @@

1 ---

2 id: tags-and-attributes-ko-KR

3 title: 태그와 어트리뷰트

4 -permalink: tags-and-attributes.ko-KR.html

5 -prev: component-specs.ko-KR.html

6 -next: events.ko-KR.html

4 +permalink: tags-and-attributes-ko-KR.html

5 +prev: component-specs-ko-KR.html

6 +next: events-ko-KR.html

7 ---

8

9 ## 지원되는 태그

@@ -45,7 +45,7 @@ React는 모든 `data-*`, `aria-*` 어트리뷰트와 밑에 있는 모든 어

45 >

46 > 모든 어트리뷰트는 카멜케이스이고, `class` `for` 어트리뷰트는 각각 DOM API의 사양에 맞춰서 `className` `htmlFor` 가 됩니다.

47

48 -이벤트의 목록을 보시려면 [지원되는 이벤트](/react/docs/events.html)를 확인하세요.

48 +이벤트의 목록을 보시려면 [지원되는 이벤트](/react/docs/events-ko-KR.html)를 확인하세요.

49

50 ### HTML 어트리뷰트

51

@@ -71,7 +71,7 @@ tabIndex target title type useMap value width wmode

71 - [오픈 그래프](http://ogp.me/) 메타 태그를 위한 `property`.

72 - [HTML5 마이크로데이터](http://schema.org/docs/gs.html)를 위한 `itemProp itemScope itemType itemRef itemId`.

73

74 -컴포넌트에 직접 HTML 스트링을 넣을 때 사용하는, React 전용 어트리뷰트 `dangerouslySetInnerHTML`([자세한 정보는 여기](/react/docs/special-non-dom-attributes.html))도 있습니다.

74 +컴포넌트에 직접 HTML 스트링을 넣을 때 사용하는, React 전용 어트리뷰트 `dangerouslySetInnerHTML`([자세한 정보는 여기](/react/docs/special-non-dom-attributes-ko-KR.html))도 있습니다.

75

76 ### SVG 어트리뷰트

77

docs/docs/ref-05-events.ko-KR.md

+4 -4

@@ -1,9 +1,9 @@

1 ---

2 id: events-ko-KR

3 title: 이벤트 시스템

4 -permalink: events.ko-KR.html

5 -prev: tags-and-attributes.ko-KR.html

6 -next: dom-differences.ko-KR.html

4 +permalink: events-ko-KR.html

5 +prev: tags-and-attributes-ko-KR.html

6 +next: dom-differences-ko-KR.html

7 ---

8

9 ## 통합적인(Synthetic) 이벤트

@@ -103,7 +103,7 @@ DOMEventTarget relatedTarget

103 onChange onInput onSubmit

104 ```

105

106 -onChange 이벤트에 대한 더 자세한 정보는 [폼](/react/docs/forms.html)에서 확인하세요.

106 +onChange 이벤트에 대한 더 자세한 정보는 [폼](/react/docs/forms-ko-KR.html)에서 확인하세요.

107

108

109 ### 마우스 이벤트

docs/docs/ref-06-dom-differences.ko-KR.md

+6 -6

@@ -1,17 +1,17 @@

1 ---

2 id: dom-differences-ko-KR

3 title: DOM 차이점

4 -permalink: dom-differences.ko-KR.html

5 -prev: events.ko-KR.html

6 -next: special-non-dom-attributes.ko-KR.html

4 +permalink: dom-differences-ko-KR.html

5 +prev: events-ko-KR.html

6 +next: special-non-dom-attributes-ko-KR.html

7 ---

8

9 React는 성능과 크로스 브라우저 호환성을 이유로 브라우저에 독립적인 이벤트와 DOM 시스템으로 구현되었습니다. 브라우저 DOM 구현의 거친 부분을 정리할 기회를 가졌습니다.

10

11 * 모든 DOM 프로퍼티와 어트리뷰트는 (이벤트 핸들러를 포함해) 표준 JavaScript 스타일과 일치하도록 카멜케이스를 사용해야 합니다. **하지만**, `data-*` 와 `aria-*` 어트리뷰트는 [사양을 준수해](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#data-*) 소문자만 사용해야 합니다.

12 * `style` 어트리뷰트는 CSS 문자열 대신에 카멜케이스로 된 프로퍼티를 가지는 JavaScript 객체를 받습니다. 이는 DOM `style` JavaScript 프로퍼티와 일치하면서도 좀 더 효율적이며, XSS 보안 취약점을 예방할 수 있습니다.

13 -* 모든 이벤트 객체는 W3C 사양을 준수하고, 모든 이벤트(submit을 포함해)는 W3C 사양에 따라 일으킵(bubble)니다. 좀 더 자세한 정보는 [이벤트 시스템](/react/docs/events.html)을 보세요.

14 -* `onChange` 이벤트는 기대대로 동작합니다. 이 이벤트는 일관성없이 blur시점에서 발생하지 않고 폼 필드가 변경될 때만 발생합니다.[^1] 우리는 의도적으로 기존 브라우저 동작을 차단했습니다. `onChange`는 이름과 실제 동작이 다르고, React는 실시간으로 사용자 입력에 반응할 때 이 이벤트에 의존하기 때문입니다. 더 자세한 정보는 [폼](/react/docs/forms.html)을 보세요.

15 -* `value`와 `checked` 폼 input 어트리뷰트, `textarea`. [자세히 보기](/react/docs/forms.html).

13 +* 모든 이벤트 객체는 W3C 사양을 준수하고, 모든 이벤트(submit을 포함해)는 W3C 사양에 따라 일으킵(bubble)니다. 좀 더 자세한 정보는 [이벤트 시스템](/react/docs/events-ko-KR.html)을 보세요.

14 +* `onChange` 이벤트는 기대대로 동작합니다. 이 이벤트는 일관성없이 blur시점에서 발생하지 않고 폼 필드가 변경될 때만 발생합니다.[^1] 우리는 의도적으로 기존 브라우저 동작을 차단했습니다. `onChange`는 이름과 실제 동작이 다르고, React는 실시간으로 사용자 입력에 반응할 때 이 이벤트에 의존하기 때문입니다. 더 자세한 정보는 [폼](/react/docs/forms-ko-KR.html)을 보세요.

15 +* `value`와 `checked` 폼 input 어트리뷰트, `textarea`. [자세히 보기](/react/docs/forms-ko-KR.html).

16

17 [^1]: **역주**: 일관성 없다는 표현에 대해 부연 설명하자면, 네이티브의 onChange는 변경뿐만 아니라 blur에서도 반응합니다.

docs/docs/ref-07-special-non-dom-attributes.ko-KR.md

+6 -6

@@ -1,13 +1,13 @@

1 ---

2 id: special-non-dom-attributes-ko-KR

3 title: DOM이 아닌 특별한 어트리뷰트

4 -permalink: special-non-dom-attributes.ko-KR.html

5 -prev: dom-differences.ko-KR.html

6 -next: reconciliation.ko-KR.html

4 +permalink: special-non-dom-attributes-ko-KR.html

5 +prev: dom-differences-ko-KR.html

6 +next: reconciliation-ko-KR.html

7 ---

8

9 -[DOM 차이점](/react/docs/dom-differences.html)처럼, React는 DOM에는 존재하지 않는 몇몇 어트리뷰트도 제공합니다.

9 +[DOM 차이점](/react/docs/dom-differences-ko-KR.html)처럼, React는 DOM에는 존재하지 않는 몇몇 어트리뷰트도 제공합니다.

10

11 -- `key`: 선택적인 고유 식별자. 컴포넌트가 `render` 과정에서 섞일 때, diff 알고리즘에 의해 파괴되고, 다시 생성될 수 있습니다. 컴포넌트에 영속적인(persists) 키를 할당하면 컴포넌트가 확실히 유지되게 할 수 있습니다. 더 자세한 것은 [여기](/react/docs/multiple-components.html#dynamic-children)에서 보세요.

12 -- `ref`: [여기](/react/docs/more-about-refs.html)를 보세요.

11 +- `key`: 선택적인 고유 식별자. 컴포넌트가 `render` 과정에서 섞일 때, diff 알고리즘에 의해 파괴되고, 다시 생성될 수 있습니다. 컴포넌트에 영속적인(persists) 키를 할당하면 컴포넌트가 확실히 유지되게 할 수 있습니다. 더 자세한 것은 [여기](/react/docs/multiple-components-ko-KR.html#dynamic-children)에서 보세요.

12 +- `ref`: [여기](/react/docs/more-about-refs-ko-KR.html)를 보세요.

13 - `dangerouslySetInnerHTML`: 생(raw) HTML을 넣을 수 있게 합니다. 주로 DOM 문자열 관리 라이브러리와의 협력하기 위해 사용합니다. 더 자세한 것은 [여기](/react/tips/dangerously-set-inner-html.html)를 보세요.

docs/docs/ref-09-glossary.ko-KR.md

+2 -2

@@ -1,8 +1,8 @@

1 ---

2 id: glossary-ko-KR

3 title: React (가상) DOM 용어

4 -permalink: glossary.ko-KR.html

5 -prev: reconciliation.ko-KR.html

4 +permalink: glossary-ko-KR.html

5 +prev: reconciliation-ko-KR.html

6 ---

7

8 다음은 React에서 사용되는 용어들로, 이 다섯 가지 타입을 구별하는 것은 중요합니다.

docs/docs/thinking-in-react.ko-KR.md

+2 -1

@@ -1,6 +1,7 @@

1 ---

2 id: thinking-in-react-ko-KR

3 title: 리액트로 생각해보기

4 +permalink: thinking-in-react-ko-KR.html

5 prev: tutorial-ko-KR.html

6 next: videos-ko-KR.html

7 ---

@@ -74,7 +75,7 @@ React의 많은 뛰어난 점들 중 하나는 생각을 하면서 애플리케

75

76 ### 잠시만: props vs state

77

77 -React 에는 두가지 타입의 자료 "모델"이 있습니다: props 와 state. 두가지의 구분점을 이해하는데 매우 중요합니다; 혹시 차이점을 확신하지 못한다면 걷어내세요 [공식 문서](http://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html).

78 +React 에는 두가지 타입의 자료 "모델"이 있습니다: props 와 state. 두가지의 구분점을 이해하는데 매우 중요합니다; 혹시 차이점을 확신하지 못한다면 걷어내세요 [공식 문서](http://facebook.github.io/react/docs/interactivity-and-dynamic-uis-ko-KR.html).

79

80 ## 3단계: UI state 의 표현을 작지만 완전하도록 확인하세요.

81

docs/docs/tutorial.ko-KR.md

+3 -2

@@ -1,8 +1,9 @@

1 ---

2 id: tutorial-ko-KR

3 title: 튜토리얼

4 -prev: getting-started.ko-KR.html

5 -next: thinking-in-react.ko-KR.html

4 +permalink: tutorial-ko-KR.html

5 +prev: getting-started-ko-KR.html

6 +next: thinking-in-react-ko-KR.html

7 ---

8

9 블로그에 붙일만한 간단하지만 실용적인 댓글상자를 만들어 볼 것입니다. Disqus, LiveFyre, Facebook에서 제공하는 것 같은 실시간 댓글의 간단한 버전이죠.

Fix links