diff --git a/src/content/reference/react-dom/components/common.md b/src/content/reference/react-dom/components/common.md index c0815a798..6bfb60781 100644 --- a/src/content/reference/react-dom/components/common.md +++ b/src/content/reference/react-dom/components/common.md @@ -263,7 +263,7 @@ React는 *다른* `ref` 콜백을 전달할 때 마다 `ref` 콜백을 호출합 -#### 반환 값 {/*returns*/} +#### 반환값 {/*returns*/} * **optional** `cleanup function`: When the `ref` is detached, React will call the cleanup function. If a function is not returned by the `ref` callback, React will call the callback again with `null` as the argument when the `ref` gets detached. diff --git a/src/content/reference/react-dom/createPortal.md b/src/content/reference/react-dom/createPortal.md index 3fea6b5f7..450c6f615 100644 --- a/src/content/reference/react-dom/createPortal.md +++ b/src/content/reference/react-dom/createPortal.md @@ -52,7 +52,7 @@ Portal은 DOM 노드의 물리적 배치만 변경합니다. * **optional** `key`: Portal의 [key](/learn/rendering-lists/#keeping-list-items-in-order-with-key)로 사용할 고유한 문자열 또는 숫자입니다. -#### 반환 값 {/*returns*/} +#### 반환값 {/*returns*/} `createPortal`은 JSX에 포함하거나 React 컴포넌트에서 반환할 수 있는 React 노드를 반환합니다. React가 렌더링 출력에서 이를 발견하면, 제공된 `children`을 제공된 `domNode` 안에 배치합니다. diff --git a/src/content/reference/react-dom/findDOMNode.md b/src/content/reference/react-dom/findDOMNode.md index 0bbe613dd..ccfbb5163 100644 --- a/src/content/reference/react-dom/findDOMNode.md +++ b/src/content/reference/react-dom/findDOMNode.md @@ -41,7 +41,7 @@ const domNode = findDOMNode(componentInstance); * `componentInstance`: [`컴포넌트`](/reference/react/Component) 하위 클래스의 인스턴스입니다. 예를 들어 클래스 컴포넌트의 경우 `this`가 포함되어 있습니다. -#### 반환 {/*returns*/} +#### 반환값 {/*returns*/} `findDOMNode`는 주어진 `componentInstance`에서 가장 처음 등장하는 브라우저 DOM 노드를 반환합니다. 컴포넌트가 `null`이나 `false`를 렌더링할 경우 `findDOMNode`는 `null`을 반환합니다. 컴포넌트가 문자열을 렌더링하면 `findDOMNode`는 그 값을 포함한 텍스트 DOM 노드를 반환합니다. diff --git a/src/content/reference/react-dom/hydrate.md b/src/content/reference/react-dom/hydrate.md index 602200443..9d0a90fc8 100644 --- a/src/content/reference/react-dom/hydrate.md +++ b/src/content/reference/react-dom/hydrate.md @@ -48,7 +48,7 @@ React는 `domNode`에 있는 HTML에 연결되고, 그 내부의 DOM 관리를 * **optional**: `callback`: 컴포넌트가 hydrate 된 후 호출되는 함수입니다. -#### 반환 값 {/*returns*/} +#### 반환값 {/*returns*/} `hydrate`는 null을 반환합니다. diff --git a/src/content/reference/react-dom/server/renderToNodeStream.md b/src/content/reference/react-dom/server/renderToNodeStream.md index f9538d7ae..d4daf1a4b 100644 --- a/src/content/reference/react-dom/server/renderToNodeStream.md +++ b/src/content/reference/react-dom/server/renderToNodeStream.md @@ -45,7 +45,7 @@ stream.pipe(response); * **optional** `options`: 서버 렌더링을 위한 객체입니다. * **optional** `identifierPrefix`: [`useId`.](/reference/react/useId)에 의해 생성된 ID에 대해 React가 사용하는 문자열 접두사입니다. 같은 페이지에서 여러 루트를 사용할 때 충돌을 피하기 위해 유용합니다. [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot#parameters)에 전달된 접두사와 동일해야 합니다. -#### 반환 {/*returns*/} +#### 반환값 {/*returns*/} HTML 문자열을 출력하는 [Node.js Readable Stream](https://nodejs.org/api/stream.html#readable-streams)를 반환합니다. diff --git a/src/content/reference/react-dom/server/renderToStaticMarkup.md b/src/content/reference/react-dom/server/renderToStaticMarkup.md index c35bb5a5f..493092446 100644 --- a/src/content/reference/react-dom/server/renderToStaticMarkup.md +++ b/src/content/reference/react-dom/server/renderToStaticMarkup.md @@ -38,7 +38,7 @@ const html = renderToStaticMarkup(); * **optional** `options`: 서버 렌더링을 위한 객체입니다. * **optional** `identifierPrefix`: [`useId`.](/reference/react/useId)에 의해 생성된 ID에 대해 React가 사용하는 문자열 접두사입니다. 같은 페이지에서 여러 루트를 사용할 때 충돌을 피하기 위해 유용합니다. -#### 반환 {/*returns*/} +#### 반환값 {/*returns*/} HTML 문자열을 반환합니다. diff --git a/src/content/reference/react-dom/server/renderToString.md b/src/content/reference/react-dom/server/renderToString.md index fcde42a7c..3fe6253b3 100644 --- a/src/content/reference/react-dom/server/renderToString.md +++ b/src/content/reference/react-dom/server/renderToString.md @@ -44,7 +44,7 @@ const html = renderToString(); * **optional** `options`: 서버 렌더링을 위한 객체입니다. * **optional** `identifierPrefix`: [`useId`.](/reference/react/useId)에 의해 생성된 ID에 대해 React가 사용하는 문자열 접두사입니다. 같은 페이지에서 여러 루트를 사용할 때 충돌을 피하기 위해 유용합니다. [`hydrateRoot`.](/reference/react-dom/client/hydrateRoot#parameters)에 전달된 접두사와 동일해야 합니다. -#### 반환 {/*returns*/} +#### 반환값 {/*returns*/} HTML 문자열. diff --git a/src/content/reference/react/createFactory.md b/src/content/reference/react/createFactory.md index 075bfa450..725611449 100644 --- a/src/content/reference/react/createFactory.md +++ b/src/content/reference/react/createFactory.md @@ -52,7 +52,7 @@ export default function App() { * `type`: `type`은 반드시 유효한 React 컴포넌트 type이어야 합니다. 예를 들어 태그 이름 문자열(`'div'` 나 `'span'`) 혹은 React 컴포넌트(함수 컴포넌트, 클래스 컴포넌트, [`Fragment`](/reference/react/Fragment)와 같은 특별한 컴포넌트)가 될 수 있습니다. -#### 반환 값 {/*returns*/} +#### 반환값 {/*returns*/} 팩토리 함수를 반환합니다. 이 함수는 자식 인수의 리스트에 뒤이어, 첫 번째 인수로 `props` 객체를 받으며, 주어진 `types`, `props` 그리고 `자식`을 가진 React 엘리먼트를 반환합니다. diff --git a/src/content/reference/react/isValidElement.md b/src/content/reference/react/isValidElement.md index 357c86321..ec9133b4e 100644 --- a/src/content/reference/react/isValidElement.md +++ b/src/content/reference/react/isValidElement.md @@ -41,7 +41,7 @@ console.log(isValidElement({ age: 42 })); // false `value`: 확인하려는 `value`입니다. 모든 종류의 값이 될 수 있습니다. -#### 반환 {/*returns*/} +#### 반환값 {/*returns*/} `isValidElement`는 `value`가 React 엘리먼트인 경우 `true`를 반환합니다. 그렇지 않으면 `false`를 반환합니다. diff --git a/src/content/reference/react/memo.md b/src/content/reference/react/memo.md index 2532ac771..c01bfe902 100644 --- a/src/content/reference/react/memo.md +++ b/src/content/reference/react/memo.md @@ -38,7 +38,7 @@ const SomeComponent = memo(function SomeComponent(props) { * **optional** `arePropsEqual`: 컴포넌트의 이전 props와 새로운 props의 두 가지 인수를 받는 함수입니다. 이전 props와 새로운 props가 동일한 경우, 즉 컴포넌트가 이전 props와 동일한 결과를 렌더링하고 새로운 props에서도 이전 props와 동일한 방식으로 동작하는 경우 `true`를 반환해야 합니다. 그렇지 않으면 `false`를 반환해야 합니다. 일반적으로 이 함수를 지정하지 않습니다. React는 기본적으로 [`Object.is`](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/is)로 각 props를 비교합니다. -#### 반환 {/*returns*/} +#### 반환값 {/*returns*/} `memo`는 새로운 React 컴포넌트를 반환합니다. `memo`에 제공한 컴포넌트와 동일하게 동작하지만, 부모가 리렌더링되더라도 props가 변경되지 않는 한 React는 이를 리렌더링하지 않습니다. diff --git a/src/content/reference/react/startTransition.md b/src/content/reference/react/startTransition.md index e7571743d..fda73859f 100644 --- a/src/content/reference/react/startTransition.md +++ b/src/content/reference/react/startTransition.md @@ -43,7 +43,7 @@ function TabContainer() { * `scope`: 하나 이상의 [`set` 함수](/reference/react/useState#setstate)를 호출하여 일부 state를 업데이트하는 함수입니다. React는 매개변수 없이 `scope`를 즉시 호출하고 `scope` 함수를 호출하는 동안 동기적으로 예약된 모든 state 업데이트를 Transition 으로 표시합니다. 이는 [non-blocking](/reference/react/useTransition#marking-a-state-update-as-a-non-blocking-transition)이며 [원치 않는 로딩을 표시하지 않습니다.](/reference/react/useTransition#preventing-unwanted-loading-indicators) -#### 반환 값 {/*returns*/} +#### 반환값 {/*returns*/} `startTransition`은 아무것도 반환하지 않습니다. diff --git a/src/content/reference/react/useInsertionEffect.md b/src/content/reference/react/useInsertionEffect.md index c54690325..985db820a 100644 --- a/src/content/reference/react/useInsertionEffect.md +++ b/src/content/reference/react/useInsertionEffect.md @@ -48,7 +48,7 @@ function useCSS(rule) { * **선택사항** `dependencies`: `setup` 코드 내에서 참조된 모든 반응형 값의 목록입니다. 반응형 값에는 props, state, 그리고 컴포넌트 본문에 직접 선언된 모든 변수와 함수가 포함됩니다. linter가 [React용으로 설정된](/learn/editor-setup#linting) 경우, 모든 반응형 값이 의존성으로 올바르게 지정되었는지 확인합니다. 의존성 목록에는 일정한 수의 항목이 있어야 하며 `[dep1, dep2, dep3]`와 같이 작성해야 합니다. React는 [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) 비교 알고리즘을 사용하여 각 의존성을 이전 값과 비교합니다. 의존성을 전혀 지정하지 않으면 컴포넌트를 다시 렌더링할 때마다 Effect가 다시 실행됩니다. -#### 반환 값 {/*returns*/} +#### 반환값 {/*returns*/} `useInsertionEffect`는 `undefined`를 반환합니다. diff --git a/src/content/reference/react/useOptimistic.md b/src/content/reference/react/useOptimistic.md index b2141e37b..ccbedfb20 100644 --- a/src/content/reference/react/useOptimistic.md +++ b/src/content/reference/react/useOptimistic.md @@ -54,7 +54,7 @@ function AppContainer() { * `updateFn(currentState, optimisticValue)`: 현재 상태와 addOptimistic에 전달된 낙관적인 값을 취하는 함수로, 결과적인 낙관적인 상태를 반환합니다. 순수 함수여야 합니다. `updateFn`은 두 개의 매개변수를 취합니다. `currentState`와 `optimisticValue`. 반환 값은 `currentState`와 `optimisticValue`의 병합된 값입니다. -#### 반환 {/*returns*/} +#### 반환값 {/*returns*/} * `optimisticState`: 결과적인 낙관적인 상태입니다. 작업이 대기 중이지 않을 때는 `state`와 동일하며, 그렇지 않은 경우 `updateFn`에서 반환된 값과 동일합니다. * `addOptimistic`: `addOptimistic`는 낙관적인 업데이트가 있을 때 호출하는 디스패치 함수입니다. 어떠한 타입의 `optimisticValue`라는 하나의 인자를 취하며, `state`와 `optimisticValue`로 `updateFn`을 호출합니다. diff --git a/src/content/reference/react/useSyncExternalStore.md b/src/content/reference/react/useSyncExternalStore.md index d076d894a..5ea23d796 100644 --- a/src/content/reference/react/useSyncExternalStore.md +++ b/src/content/reference/react/useSyncExternalStore.md @@ -46,7 +46,7 @@ store에 있는 데이터의 스냅샷을 반환합니다. 두 개의 함수를 * **optional** `getServerSnapshot`: store에 있는 데이터의 초기 스냅샷을 반환하는 함수입니다. 서버 렌더링 도중과 클라이언트에서 서버 렌더링 된 콘텐츠의 하이드레이션 중에만 사용됩니다. 서버 스냅샷은 클라이언트와 서버 간에 동일해야 하며 일반적으로 직렬화되어 서버에서 클라이언트로 전달됩니다. 이 함수가 제공되지 않으면 서버에서 컴포넌트를 렌더링할 때 오류가 발생합니다. -#### 반환 값 {/*returns*/} +#### 반환값 {/*returns*/} 렌더링 로직에 사용할 수 있는 store의 현재 스냅샷입니다. diff --git a/src/content/reference/rsc/use-server.md b/src/content/reference/rsc/use-server.md index dfcb8c7db..d10a0f89c 100644 --- a/src/content/reference/rsc/use-server.md +++ b/src/content/reference/rsc/use-server.md @@ -61,7 +61,7 @@ Server Action에서 중요한 데이터를 전송하지 않도록 하기 위해, -### 직렬화 가능 인수와 반환 값 {/*serializable-parameters-and-return-values*/} +### 직렬화 가능 인수와 반환값 {/*serializable-parameters-and-return-values*/} 클라이언트 코드가 네트워크를 통해 서버 작업을 호출할 때 전달된 인수는 모두 직렬화되어야 합니다.