Skip to content

Commit 6688798

Browse files
authored
Fix typos in common.md regarding refs
1 parent 8ffc5aa commit 6688798

File tree

1 file changed

+7
-7
lines changed
  • src/content/reference/react-dom/components

1 file changed

+7
-7
lines changed

src/content/reference/react-dom/components/common.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -257,30 +257,30 @@ title: "공통 컴포넌트 (예: <div>)"
257257

258258
[`ref` 콜백을 사용하는 예시를 확인해 보세요.](/learn/manipulating-the-dom-with-refs#how-to-manage-a-list-of-refs-using-a-ref-callback)
259259

260-
화면에 `<div>` DOM 노드가 추가되면, React는 `ref` 콜백을 호출하고 그 인자로 DOM `node`를 전달합니다. 해당 `<div>` DOM 노드가 제거되면, React는 콜백에서 반환한 cleanup 함수를 호출합니다.
260+
화면에 `<div>` DOM 노드가 추가되면, React는 `ref` 콜백을 호출하고 그 인자로 DOM `node`를 전달합니다. 해당 `<div>` DOM 노드가 제거되면, React는 콜백에서 반환한 Cleanup 함수를 호출합니다.
261261

262262
React는 *다른* `ref` 콜백을 전달할 때마다 `ref` 콜백도 호출합니다. 위 예시에서 `(node) => { ... }`는 렌더링마다 서로 다른 함수입니다. 컴포넌트가 다시 렌더링 될 때, *이전* 함수는 인자로 `null`을 받아 호출되고, *다음* 함수는 DOM 노드를 인자로 받아 호출됩니다.
263263

264264
#### 매개변수 {/*ref-callback-parameters*/}
265265

266-
* `node`: 하나의 DOM 노드. ref가 DOM 노드에 연결될 때 React가 해당 DOM 노드를 전달합니다. 매 렌더에서 `ref` 콜백에 동일한 함수 참조를 넘기지 않으면, 컴포넌트가 리렌더링될 때마다 콜백이 잠시 정리됐다가 다시 생성됩니다.
266+
* `node`: DOM 노드. Ref가 DOM 노드에 연결될 때 React가 해당 DOM 노드를 전달합니다. 매 렌더링에서 `ref` 콜백에 동일한 함수 참조를 넘기지 않으면, 컴포넌트가 리렌더링될 때마다 콜백이 일시적으로 Cleanup 됐다가 다시 생성됩니다.
267267

268268
<Note>
269269

270-
#### React 19는 `ref` 콜백을 위한 cleanup 함수를 추가했습니다. {/*react-19-added-cleanup-functions-for-ref-callbacks*/}
270+
#### React 19는 `ref` 콜백을 위한 Cleanup 함수를 추가했습니다. {/*react-19-added-cleanup-functions-for-ref-callbacks*/}
271271

272-
하위 호환성을 위해, `ref` 콜백이 cleanup 함수를 반환하지 않으면, `ref`가 분리될 때 `node``null`로 호출됩니다. 이 동작은 향후 버전에서 제거될 예정입니다.
272+
하위 호환성을 위해, `ref` 콜백이 Cleanup 함수를 반환하지 않으면, `ref`가 분리될 때 `node``null`로 호출됩니다. 이 동작은 향후 버전에서 제거될 예정입니다.
273273

274274
</Note>
275275

276276
#### 반환값 {/*returns*/}
277277

278-
* **optional** `cleanup 함수`: `ref`가 분리되면, React는 cleanup 함수를 호출합니다. `ref` 콜백에 의해 함수가 반환되지 않으면 React는 `ref`가 분리되면 인수로 `null`을 사용하여 다시 콜백을 호출합니다. 이 동작은 향후 버전에서 제거될 예정입니다.
278+
* **optional** `Cleanup 함수`: `ref`가 분리되면, React는 cleanup 함수를 호출합니다. `ref` 콜백에 의해 함수가 반환되지 않으면 React는 `ref`가 분리되면 인수로 `null`을 사용하여 다시 콜백을 호출합니다. 이 동작은 향후 버전에서 제거될 예정입니다.
279279

280280
#### 주의 사항 {/*caveats*/}
281281

282-
* Strict Mode가 켜져있으면, React는 첫 번째 실제 설정 전에 **개발 전용 설정 + cleanup 주기**를 하나 더 실행할 것입니다. 이는 스트레스 테스트로, cleanup 로직이 setup 로직을 "거울처럼" 따라가며 setup이 하는 일을 중지하거나 되돌리도록 보장하기 위한 것입니다. 이 때문에 문제가 발생한다면 cleanup 함수를 구현하세요.
283-
* *다른* `ref` 콜백을 전달하면, React는 먼저 *이전* 콜백의 cleanup 함수가 있다면 그것을 호출합니다. cleanup 함수가 없으면, 이전 `ref` 콜백을 `null` 인수로 한 번 호출합니다. *다음* 함수는 DOM 노드와 함께 호출됩니다.
282+
* Strict Mode가 켜져있으면, React는 첫 번째 실제 설정 전에 **개발 전용 Setup + cleanup 주기**를 하나 더 실행할 것입니다. 이는 스트레스 테스트로, Cleanup 로직이 Setup 로직을 "거울처럼" 따라가며 Setup이 하는 일을 중지하거나 되돌리도록 보장하기 위한 것입니다. 이 때문에 문제가 발생한다면 Cleanup 함수를 구현하세요.
283+
* *다른* `ref` 콜백을 전달하면, React는 먼저 *이전* 콜백의 Cleanup 함수가 있다면 그것을 호출합니다. Cleanup 함수가 없으면, 이전 `ref` 콜백을 `null` 인수로 하여 한 번 호출합니다. *다음* 함수는 DOM 노드와 함께 호출됩니다.
284284

285285
---
286286

0 commit comments

Comments
 (0)