docs: translate react dom client (#1460)

This pull request updates the Korean documentation for several React
ESLint plugin lint rules and the React DOM client API. The main focus is
on improving the clarity and consistency of section headings and
translating content more accurately into Korean.

**Documentation consistency and translation improvements:**

* Standardized the section heading "규칙 세부 정보" to "규칙 세부 사항" across all
relevant lint rule documentation files for better clarity and
consistency.
[[1]](diffhunk://#diff-d9b72d78a587087eb12ec1ee31b87cb76fd1690955725748287ed6533c6775abL17-R17)
[[2]](diffhunk://#diff-b53dd55a320b0d9df2c04379aa8af4ea2652b660f20ba9567c9086d6df1dd7f0L11-R11)
[[3]](diffhunk://#diff-4ae568ecc57cff5cee9dd29ab6b95442d627a5013e90f3b86e034522236de318L11-R11)
[[4]](diffhunk://#diff-f393c08f8e615f735aeb629d4800d14728b7da3df21b6b724f5aa83904281759L11-R11)
[[5]](diffhunk://#diff-7604f29ec38d2ef52c24f3c7f79ed4c9cccdc53d03104d470d1a6f39c6e2927dL11-R11)
[[6]](diffhunk://#diff-62675a380f244326d03ca10be3dd31f27f98a36636d66d4cd27dedd78afa3105L11-R11)
[[7]](diffhunk://#diff-af1c36b635fa1408abb92f027162f68f2af265e62240fe4da8ca34cfe95d9394L11-R11)
[[8]](diffhunk://#diff-bf31ed2714d5f57aa5ce83791086c76ed165faf7d1ccb27d0fe76dff92774ef6L11-R11)
[[9]](diffhunk://#diff-f1dc0e8aa52b335810ca4f04fa9b319ec7478b3ae63e9a098dbd0cbe716cb43cL11-R11)

**React DOM client API documentation update:**

* Translated the `src/content/reference/react-dom/client/index.md` file
into Korean, including the title and section headings, and improved the
explanation of the client API for better accessibility to Korean
readers.

Author: lumirlumir

src/content/reference/eslint-plugin-react-hooks/lints/incompatible-library.md

@@ -14,7 +14,7 @@ title: incompatible-library
 
 </Note>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 일부 라이브러리는 React에서 지원하지 않는 패턴을 사용합니다. 린터가 [알려진 목록](https://github.com/facebook/react/blob/main/compiler/packages/babel-plugin-react-compiler/src/HIR/DefaultModuleTypeProvider.ts)에서 이러한 API의 사용을 감지하면 이 규칙에 따라 플래그를 지정합니다. 이는 React 컴파일러가 앱을 손상시키지 않기 위해 이러한 호환되지 않는 API를 사용하는 컴포넌트를 자동으로 건너뛸 수 있음을 의미합니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/preserve-manual-memoization.md

@@ -8,7 +8,7 @@ title: preserve-manual-memoization
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 React 컴파일러는 기존의 `useMemo`, `useCallback` 및 `React.memo` 호출을 보존합니다. 수동으로 메모이제이션한 경우 컴파일러는 타당한 이유가 있다고 가정하고 제거하지 않습니다. 그러나 불완전한 의존성은 컴파일러가 코드의 데이터 흐름을 이해하고 추가 최적화를 적용하는 것을 방해합니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/purity.md

@@ -8,7 +8,7 @@ title: purity
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 React 컴포넌트는 순수 함수여야 합니다. 동일한 props가 주어지면 항상 동일한 JSX를 반환해야 합니다. 컴포넌트가 렌더링 중에 `Math.random()`이나 `Date.now()`와 같은 함수를 사용하면 매번 다른 출력을 생성하여 React의 가정을 깨뜨리고 하이드레이션 불일치, 잘못된 메모이제이션, 예측할 수 없는 동작과 같은 버그를 발생시킵니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/refs.md

@@ -8,7 +8,7 @@ title: refs
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 Ref는 렌더링에 사용되지 않는 값을 보유합니다. State와 달리 ref를 변경해도 재렌더링이 트리거되지 않습니다. 렌더링 중에 `ref.current`를 읽거나 쓰는 것은 React의 예상을 깨뜨립니다. Ref는 읽으려고 할 때 초기화되지 않았을 수 있으며, 그 값은 오래되었거나 일관되지 않을 수 있습니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/set-state-in-effect.md

@@ -8,7 +8,7 @@ Effect에서 `setState`를 동기적으로 호출하는 것에 대해 검증합
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 Effect 내부에서 즉시 state를 설정하면 React가 전체 렌더링 사이클을 다시 시작해야 합니다. Effect에서 state를 업데이트하면 React는 컴포넌트를 다시 렌더링하고, DOM에 변경 사항을 적용한 다음, Effect를 다시 실행해야 합니다. 이는 렌더링 중에 직접 데이터를 변환하거나 props에서 state를 파생시켜 피할 수 있었던 추가 렌더링 패스를 생성합니다. 대신 컴포넌트의 최상위 레벨에서 데이터를 변환하세요. 이 코드는 추가 렌더링 사이클을 트리거하지 않고 props나 state가 변경될 때 자연스럽게 다시 실행됩니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/set-state-in-render.md

@@ -8,7 +8,7 @@ title: set-state-in-render
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 렌더링 중에 무조건 `setState`를 호출하면 현재 렌더링이 완료되기 전에 다른 렌더링이 트리거됩니다. 이는 앱을 충돌시키는 무한 루프를 생성합니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/static-components.md

@@ -8,7 +8,7 @@ title: static-components
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 다른 컴포넌트 내부에 정의된 컴포넌트는 렌더링할 때마다 다시 생성됩니다. React는 각각을 완전히 새로운 컴포넌트 타입으로 간주하여 이전 컴포넌트를 마운트 해제하고 새 컴포넌트를 마운트하며, 그 과정에서 모든 state와 DOM 노드를 파괴합니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/unsupported-syntax.md

@@ -8,7 +8,7 @@ React 컴파일러가 지원하지 않는 문법에 대해 검증합니다. 필
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 React 컴파일러는 최적화를 적용하기 위해 코드를 정적으로 분석합니다. `eval` 및 `with`와 같은 기능은 컴파일 타임에 코드가 무엇을 하는지 정적으로 이해하는 것을 불가능하게 만들기 때문에 컴파일러는 이를 사용하는 컴포넌트를 최적화할 수 없습니다.
 

src/content/reference/eslint-plugin-react-hooks/lints/use-memo.md

@@ -8,7 +8,7 @@ title: use-memo
 
 </Intro>
 
-## 규칙 세부 정보 {/*rule-details*/}
+## 규칙 세부 사항 {/*rule-details*/}
 
 `useMemo`는 비용이 많이 드는 값을 계산하고 캐싱하기 위한 것이지 부수 효과<sup>Side Effect</sup>를 위한 것이 아닙니다. 반환값이 없으면 `useMemo`는 `undefined`를 반환하여 목적을 달성하지 못하며, 잘못된 Hook을 사용하고 있음을 나타낼 가능성이 높습니다.
 

src/content/reference/react-dom/client/index.md

@@ -1,16 +1,16 @@
 ---
-title: Client React DOM APIs
+title: Client React DOM API
 ---
 
 <Intro>
 
-The `react-dom/client` APIs let you render React components on the client (in the browser). These APIs are typically used at the top level of your app to initialize your React tree. A [framework](/learn/start-a-new-react-project#full-stack-frameworks) may call them for you. Most of your components don't need to import or use them.
+`react-dom/client` API를 사용하면 클라이언트(브라우저)에서 React 컴포넌트를 렌더링할 수 있습니다. 이 API는 일반적으로 앱의 최상위 레벨에서 React 트리를 초기화하는 데 사용됩니다. [프레임워크](/learn/start-a-new-react-project#full-stack-frameworks)가 대신 호출할 수도 있습니다. 대부분의 컴포넌트는 이를 import하거나 사용할 필요가 없습니다.
 
 </Intro>
 
 ---
 
-## Client APIs {/*client-apis*/}
+## 클라이언트 API {/*client-apis*/}
 
 * [`createRoot`](/reference/react-dom/client/createRoot)를 사용하면 브라우저 DOM 노드 안에 React 컴포넌트를 표시하는 루트를 생성할 수 있습니다.
 * [`hydrateRoot`](/reference/react-dom/client/hydrateRoot)를 사용하면 이전에 [`react-dom/server`](/reference/react-dom/server)에 의해 생성된 HTML 콘텐츠가 있는 브라우저 DOM 노드 안에 React 컴포넌트를 표시할 수 있습니다.