diff --git a/src/content/learn/passing-props-to-a-component.md b/src/content/learn/passing-props-to-a-component.md index 5e250ab5a..2fe115478 100644 --- a/src/content/learn/passing-props-to-a-component.md +++ b/src/content/learn/passing-props-to-a-component.md @@ -192,7 +192,7 @@ function Avatar({ person, size }) { } ``` -이 문법을 [“구조 분해 할당”](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Unpacking_fields_from_objects_passed_as_a_function_parameter)이라고 부르며 함수 매개 변수의 속성과 동등합니다. +이 문법을 [“구조 분해 할당”](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Unpacking_fields_from_objects_passed_as_a_function_parameter)이라고 부르며 함수 매개변수의 속성과 동등합니다. ```js function Avatar(props) { diff --git a/src/content/learn/your-first-component.md b/src/content/learn/your-first-component.md index 4d8535220..0d6f869e5 100644 --- a/src/content/learn/your-first-component.md +++ b/src/content/learn/your-first-component.md @@ -172,7 +172,7 @@ img { margin: 0 10px 10px 0; height: 90px; } ### 컴포넌트 중첩 및 구성 {/*nesting-and-organizing-components*/} -컴포넌트는 일반 JavaScript함수이므로 같은 파일에 여러 컴포넌트를 포함할 수 있습니다. 컴포넌트가 상대적으로 작거나 서로 밀접하게 관련되어 있을 때 편리합니다. 이 파일이 복잡해지면 언제든지 `Profile`을 별도의 파일로 옮길 수 있습니다. 이 방법은 바로 다음 챕터인 [컴포넌트의 importing과 exporting](/learn/importing-and-exporting-components) 페이지에서 확인할 수 있습니다. +컴포넌트는 일반 JavaScript함수이므로 같은 파일에 여러 컴포넌트를 포함할 수 있습니다. 컴포넌트가 상대적으로 작거나 서로 밀접하게 관련되어 있을 때 편리합니다. 이 파일이 복잡해지면 언제든지 `Profile`을 별도의 파일로 옮길 수 있습니다. 이 방법은 바로 다음 장인 [컴포넌트의 importing과 exporting](/learn/importing-and-exporting-components) 페이지에서 확인할 수 있습니다. `Profile` 컴포넌트는 `Gallery`안에서 렌더링되기 때문에(심지어 여러번 렌더링됩니다!), `Gallery`는 각 `Profile`을 "자식"으로 렌더링하는 **부모 컴포넌트**라고 말할 수 있습니다. 컴포넌트를 한 번 정의한 다음 원하는 곳에서 원하는 만큼 여러 번 사용할 수 있다는 점이 바로 React의 마법입니다. diff --git a/src/content/reference/react-dom/client/hydrateRoot.md b/src/content/reference/react-dom/client/hydrateRoot.md index b6e11beef..8261d3ee8 100644 --- a/src/content/reference/react-dom/client/hydrateRoot.md +++ b/src/content/reference/react-dom/client/hydrateRoot.md @@ -76,7 +76,7 @@ React는 hydrate된 `root`부터 내부를 ``으로 갱신합니다. #### Parameters {/*root-render-parameters*/} -* `reactNode`: 갱신하고 싶은 "React 노드"입니다. 주로 ``같은 JSX를 파라미터로 넘기지만, [`createElement()`](/reference/react/createElement)로 만든 React 엘리먼트를 넘겨도 되고 문자열이나 숫자, `null`, 혹은 `undefined`를 넘겨도 됩니다. +* `reactNode`: 갱신하고 싶은 "React 노드"입니다. 주로 ``같은 JSX를 매개변수로 넘기지만, [`createElement()`](/reference/react/createElement)로 만든 React 엘리먼트를 넘겨도 되고 문자열이나 숫자, `null`, 혹은 `undefined`를 넘겨도 됩니다. #### Returns {/*root-render-returns*/} @@ -104,7 +104,7 @@ root.unmount(); #### Parameters {/*root-unmount-parameters*/} -`root.unmount`는 그 어떤 파라미터도 받지 않습니다. +`root.unmount`는 그 어떤 매개변수도 받지 않습니다. #### Returns {/*root-unmount-returns*/} diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md index c35bb5a5f..c03112118 100644 --- a/src/content/reference/react-dom/server/renderToStaticMarkup.md +++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md @@ -32,7 +32,7 @@ const html = renderToStaticMarkup(); [아래 예시를 참고하세요.](#usage) -#### 파라미터 {/*parameters*/} +#### 매개변수 {/*parameters*/} * `reactNode`: HTML로 렌더링할 React 노드입니다. 예를 들어, ``와 같은 JSX 노드입니다. * **optional** `options`: 서버 렌더링을 위한 객체입니다. diff --git a/src/content/reference/react/Children.md b/src/content/reference/react/Children.md index f765d7950..9ce29cb57 100644 --- a/src/content/reference/react/Children.md +++ b/src/content/reference/react/Children.md @@ -48,7 +48,7 @@ function RowList({ children }) { [아래 예시 보기](#counting-children) -#### 파라미터 {/*children-count-parameters*/} +#### 매개변수 {/*children-count-parameters*/} * `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값. @@ -80,7 +80,7 @@ function SeparatorList({ children }) { [아래 예시 보기](#running-some-code-for-each-child) -#### 파라미터 {/*children-foreach-parameters*/} +#### 매개변수 {/*children-foreach-parameters*/} * `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값. * `fn`: [배열의`forEach` 메서드](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) 콜백처럼 각 자식 요소에서 실행할 함수. 자식 요소를 첫 번째 인수로, 인덱스를 두 번째 인수로 받습니다. 인덱스는 0에서 시작해서 호출할 때마다 증가합니다. @@ -118,7 +118,7 @@ function RowList({ children }) { [아래 예시 보기](#transforming-children) -#### 파라미터 {/*children-map-parameters*/} +#### 매개변수 {/*children-map-parameters*/} * `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값. * `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 }) { // ... ``` -#### 파라미터 {/*children-only-parameters*/} +#### 매개변수 {/*children-only-parameters*/} * `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값. @@ -177,7 +177,7 @@ export default function ReversedList({ children }) { // ... ``` -#### 파라미터 {/*children-toarray-parameters*/} +#### 매개변수 {/*children-toarray-parameters*/} * `children`: 컴포넌트에서 받은 [`children` prop](/learn/passing-props-to-a-component#passing-jsx-as-children)의 값. diff --git a/src/content/reference/react/useState.md b/src/content/reference/react/useState.md index 7f44d401c..6db1c06a6 100644 --- a/src/content/reference/react/useState.md +++ b/src/content/reference/react/useState.md @@ -68,7 +68,7 @@ function handleClick() { // ... ``` -#### 파라미터 {/*setstate-parameters*/} +#### 매개변수 {/*setstate-parameters*/} * `nextState`: state가 될 값입니다. 값은 모든 데이터 타입이 허용되지만, 함수에 대해서는 특별한 동작이 있습니다. * 함수를 `nextState`로 전달하면 *업데이터 함수*로 취급합니다. 이 함수는 순수해야 하고, 대기 중인 state를 유일한 인수로 사용해야 하며, 다음 state를 반환해야 합니다. React는 업데이터 함수를 대기열에 넣고 컴포넌트를 리렌더링 합니다. 다음 렌더링 중에 React는 대기열에 있는 모든 업데이터를 이전 state에 적용하여 다음 state를 계산합니다. [아래 예시를 참고하세요.](#updating-state-based-on-the-previous-state) diff --git a/src/content/reference/react/useSyncExternalStore.md b/src/content/reference/react/useSyncExternalStore.md index d076d894a..48a947a14 100644 --- a/src/content/reference/react/useSyncExternalStore.md +++ b/src/content/reference/react/useSyncExternalStore.md @@ -38,7 +38,7 @@ store에 있는 데이터의 스냅샷을 반환합니다. 두 개의 함수를 [아래 예제 참조](#usage) -#### 파라미터 {/*parameters*/} +#### 매개변수 {/*parameters*/} * `subscribe`: 하나의 `callback` 인수를 받아 store에 구독하는 함수입니다. 스토어가 변경되면 제공된 `callback`을 호출해야 합니다. 그러면 컴포넌트가 리렌더링됩니다. subscribe 함수는 구독을 정리하는 함수를 반환해야 합니다.