You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/passing-props-to-a-component.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -192,7 +192,7 @@ function Avatar({ person, size }) {
192
192
}
193
193
```
194
194
195
-
이 문법을 [“구조 분해 할당”](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Unpacking_fields_from_objects_passed_as_a_function_parameter)이라고 부르며 함수 매개 변수의 속성과 동등합니다.
195
+
이 문법을 [“구조 분해 할당”](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Unpacking_fields_from_objects_passed_as_a_function_parameter)이라고 부르며 함수 매개변수의 속성과 동등합니다.
### 컴포넌트 중첩 및 구성 {/*nesting-and-organizing-components*/}
174
174
175
-
컴포넌트는 일반 JavaScript함수이므로 같은 파일에 여러 컴포넌트를 포함할 수 있습니다. 컴포넌트가 상대적으로 작거나 서로 밀접하게 관련되어 있을 때 편리합니다. 이 파일이 복잡해지면 언제든지 `Profile`을 별도의 파일로 옮길 수 있습니다. 이 방법은 바로 다음 챕터인[컴포넌트의 importing과 exporting](/learn/importing-and-exporting-components) 페이지에서 확인할 수 있습니다.
175
+
컴포넌트는 일반 JavaScript함수이므로 같은 파일에 여러 컴포넌트를 포함할 수 있습니다. 컴포넌트가 상대적으로 작거나 서로 밀접하게 관련되어 있을 때 편리합니다. 이 파일이 복잡해지면 언제든지 `Profile`을 별도의 파일로 옮길 수 있습니다. 이 방법은 바로 다음 장인[컴포넌트의 importing과 exporting](/learn/importing-and-exporting-components) 페이지에서 확인할 수 있습니다.
176
176
177
177
`Profile` 컴포넌트는 `Gallery`안에서 렌더링되기 때문에(심지어 여러번 렌더링됩니다!), `Gallery`는 각 `Profile`을 "자식"으로 렌더링하는 **부모 컴포넌트**라고 말할 수 있습니다. 컴포넌트를 한 번 정의한 다음 원하는 곳에서 원하는 만큼 여러 번 사용할 수 있다는 점이 바로 React의 마법입니다.
* `reactNode`: 갱신하고 싶은 "React 노드"입니다. 주로 `<App />`같은 JSX를 파라미터로 넘기지만, [`createElement()`](/reference/react/createElement)로 만든 React 엘리먼트를 넘겨도 되고 문자열이나 숫자, `null`, 혹은 `undefined`를 넘겨도 됩니다.
79
+
* `reactNode`: 갱신하고 싶은 "React 노드"입니다. 주로 `<App />`같은 JSX를 매개변수로 넘기지만, [`createElement()`](/reference/react/createElement)로 만든 React 엘리먼트를 넘겨도 되고 문자열이나 숫자, `null`, 혹은 `undefined`를 넘겨도 됩니다.
Copy file name to clipboardExpand all lines: src/content/reference/react/Children.md
+5-5
Original file line number
Diff line number
Diff line change
@@ -48,7 +48,7 @@ function RowList({ children }) {
48
48
49
49
[아래 예시 보기](#counting-children)
50
50
51
-
#### 파라미터 {/*children-count-parameters*/}
51
+
#### 매개변수 {/*children-count-parameters*/}
52
52
53
53
*`children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값.
54
54
@@ -80,7 +80,7 @@ function SeparatorList({ children }) {
80
80
81
81
[아래 예시 보기](#running-some-code-for-each-child)
82
82
83
-
#### 파라미터 {/*children-foreach-parameters*/}
83
+
#### 매개변수 {/*children-foreach-parameters*/}
84
84
85
85
* `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값.
86
86
* `fn`: [배열의`forEach` 메서드](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) 콜백처럼 각 자식 요소에서 실행할 함수. 자식 요소를 첫 번째 인수로, 인덱스를 두 번째 인수로 받습니다. 인덱스는 0에서 시작해서 호출할 때마다 증가합니다.
@@ -118,7 +118,7 @@ function RowList({ children }) {
118
118
119
119
[아래 예시 보기](#transforming-children)
120
120
121
-
#### 파라미터 {/*children-map-parameters*/}
121
+
#### 매개변수 {/*children-map-parameters*/}
122
122
123
123
* `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값.
124
124
* `fn`: [베열의 `map` 메서드](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) 콜백같은 매핑 함수. 자식 요소를 첫 번째 인수로, 인덱스를 두 번째 인수로 받습니다. 인덱스는 0에서 시작해서 호출할 때마다 증가합니다. 함수는 빈 노드(`null`, `undefined` 혹은 Boolean), 문자열, 숫자, React 엘리먼트 혹은 다른 React 노드의 배열과 같은 React 노드를 반환해야 합니다.
@@ -149,7 +149,7 @@ function Box({ children }) {
149
149
// ...
150
150
```
151
151
152
-
#### 파라미터 {/*children-only-parameters*/}
152
+
#### 매개변수 {/*children-only-parameters*/}
153
153
154
154
* `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값.
155
155
@@ -177,7 +177,7 @@ export default function ReversedList({ children }) {
177
177
// ...
178
178
```
179
179
180
-
#### 파라미터 {/*children-toarray-parameters*/}
180
+
#### 매개변수 {/*children-toarray-parameters*/}
181
181
182
182
* `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값.
Copy file name to clipboardExpand all lines: src/content/reference/react/useState.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -68,7 +68,7 @@ function handleClick() {
68
68
// ...
69
69
```
70
70
71
-
#### 파라미터 {/*setstate-parameters*/}
71
+
#### 매개변수 {/*setstate-parameters*/}
72
72
73
73
* `nextState`: state가 될 값입니다. 값은 모든 데이터 타입이 허용되지만, 함수에 대해서는 특별한 동작이 있습니다.
74
74
* 함수를 `nextState`로 전달하면 *업데이터 함수*로 취급합니다. 이 함수는 순수해야 하고, 대기 중인 state를 유일한 인수로 사용해야 하며, 다음 state를 반환해야 합니다. React는 업데이터 함수를 대기열에 넣고 컴포넌트를 리렌더링 합니다. 다음 렌더링 중에 React는 대기열에 있는 모든 업데이터를 이전 state에 적용하여 다음 state를 계산합니다. [아래 예시를 참고하세요.](#updating-state-based-on-the-previous-state)
0 commit comments