Skip to content

Commit efcb2ae

Browse files
committed
glossary 적용
제어 컴포넌트, 비제어 컴포넌트 용어에 맞게 적용함
1 parent a3d1f46 commit efcb2ae

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

content/docs/reference-glossary.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -130,13 +130,13 @@ class Welcome extends React.Component {
130130

131131
생명주기 함수(Lifecycle method)는 컴포넌트의 각각의 단계에서 실행되는 커스텀 기능입니다. 컴포넌트가 만들어지고 DOM에 삽입될 때([mounting](/docs/react-component.html#mounting)), 컴포넌트가 업데이트될 때 및 컴포넌트가 DOM에서 마운트 해제될 때(unmounted) 혹은 제거될 때 사용할 수 있는 기능을 제공합니다.
132132

133-
## [Controlled](/docs/forms.html#controlled-components) vs. [Uncontrolled Components](/docs/uncontrolled-components.html)
133+
## [제어 컴포넌트](/docs/forms.html#controlled-components) vs. [비제어 컴포넌트](/docs/uncontrolled-components.html)
134134

135135
React는 두 가지 방식으로 form 입력을 처리합니다.
136136

137-
React에 의해 입력값이 제어되는 엘리먼트를 *controlled component* 라고 합니다. 사용자가 controlled component에 데이터를 입력하면 변경 이벤트 핸들러가 트리거되고 코드가 (업데이트된 값으로 다시 렌더링에 의해) 입력의 유효 여부를 결정합니다. 다시 렌더링하지 않으면 form 엘리먼트는 변경되지 않은 상태로 유지됩니다.
137+
React에 의해 입력값이 제어되는 엘리먼트를 *제어 컴포넌트(controlled component)* 라고 합니다. 사용자가 제어 컴포넌트에 데이터를 입력하면 변경 이벤트 핸들러가 트리거되고 코드가 (업데이트된 값으로 다시 렌더링에 의해) 입력의 유효 여부를 결정합니다. 다시 렌더링하지 않으면 form 엘리먼트는 변경되지 않은 상태로 유지됩니다.
138138

139-
*uncontrolled component*는 form 엘리먼트가 React 외부에서 작동하는 것처럼 작동합니다. 사용자가 form 필드(input box, dropdown 등)에 데이터를 입력하면 업데이트된 정보가 React에서 별도 처리할 필요 없이 엘리먼트에 반영됩니다. 그러나, 이는 특정 필드가 특정 값을 갖도록 강제할 수 없다는 의미이기도 합니다.
139+
*비제어 컴포넌트(uncontrolled component)*는 form 엘리먼트가 React 외부에서 작동하는 것처럼 작동합니다. 사용자가 form 필드(input box, dropdown 등)에 데이터를 입력하면 업데이트된 정보가 React에서 별도 처리할 필요 없이 엘리먼트에 반영됩니다. 그러나, 이는 특정 필드가 특정 값을 갖도록 강제할 수 없다는 의미이기도 합니다.
140140

141141
대부분은 controlled component를 사용해야 합니다.
142142

0 commit comments

Comments
 (0)