Merge branch 'main' into fix-typo-message

lumirlumir · web-flow · commit afcce96370f7 · 2026-06-08T20:26:06.000+09:00
diff --git a/src/content/learn/lifecycle-of-reactive-effects.md b/src/content/learn/lifecycle-of-reactive-effects.md
diff --git a/src/content/learn/removing-effect-dependencies.md b/src/content/learn/removing-effect-dependencies.md
diff --git a/src/content/reference/react-dom/client/createRoot.md b/src/content/reference/react-dom/client/createRoot.md
@@ -156,7 +156,7 @@ root.render(<App />);
 <html>
   <head><title>My app</title></head>
   <body>
-    <!-- 이것은은 DOM 노드입니다. -->
+    <!-- 이것은 DOM 노드입니다. -->
     <div id="root"></div>
   </body>
 </html>
diff --git a/src/content/reference/react-dom/server/renderToReadableStream.md b/src/content/reference/react-dom/server/renderToReadableStream.md
@@ -47,7 +47,7 @@ async function handler(request) {
 
 #### 매개변수 {/*parameters*/}
 
-* `reactNode`: 사용자가 HTML로 렌더링하고 하고자하는 React node입니다. `<App />`같은 JSX 요소가 그 예시입니다. reactNode 인자는 문서 전체를 표현할 수 있는 것이어야하며, 따라서 `App` 컴포넌트는 `<html>`에 렌더링됩니다.
+* `reactNode`: 사용자가 HTML로 렌더링하고자 하는 React node입니다. `<App />`같은 JSX 요소가 그 예시입니다. reactNode 인자는 문서 전체를 표현할 수 있는 것이어야하며, 따라서 `App` 컴포넌트는 `<html>`에 렌더링됩니다.
 
 * `options`**(선택사항)**: 스트리밍 옵션을 지정할 수 있는 객체입니다.
   * `bootstrapScriptContent`**(선택사항)**: 지정될 경우, 해당 문자열은 `<script>` 태그에 인라인 형식으로 추가됩니다.
diff --git a/src/content/reference/react/Children.md b/src/content/reference/react/Children.md
@@ -847,7 +847,7 @@ export default function TabSwitcher({ tabIds, getHeader, renderContent }) {
 
 `renderContent`와 같이 사용자 인터페이스의 일부를 어떻게 렌더링할지 정의하는 Prop를 *렌더링 Prop*라고 합니다. 하지만 특별한 것은 아닙니다. 단지 일반적인 함수의 Prop일 뿐입니다.
 
-렌더링 Prop은은 함수이므로 정보를 전달할 수 있습니다.
+렌더링 Prop은 함수이므로 정보를 전달할 수 있습니다.
 아래 예시에서 `RowList` 컴포넌트는 각 row의 `id`와 `index`를 `renderRow`에 렌더링 Prop로 전달하고, `index`가 짝수인 row를 강조합니다.
 
 <Sandpack>
diff --git a/src/content/reference/react/hooks.md b/src/content/reference/react/hooks.md
@@ -79,9 +79,9 @@ Effect는 React 패러다임의 "탈출구"입니다. 애플리케이션의 데
 * [`useLayoutEffect`](/reference/react/useLayoutEffect)는 브라우저가 화면을 다시 그리기 전에 실행됩니다. 여기에서 레이아웃을 계산할 수 있습니다.
 * [`useInsertionEffect`](/reference/react/useInsertionEffect)는 React가 DOM을 변경하기 전에 실행됩니다. 라이브러리는 여기에 동적 CSS를 삽입할 수 있습니다.
 
-You can also separate events from Effects:
+이벤트를 Effect에서 분리할 수도 있습니다.
 
-- [`useEffectEvent`](/reference/react/useEffectEvent) creates a non-reactive event to fire from any Effect hook.
+- [`useEffectEvent`](/reference/react/useEffectEvent)는 어떤 Effect Hook에서든 호출할 수 있는 비반응형 이벤트를 생성합니다.
 ---
 
 ## Performance Hooks {/*performance-hooks*/}
diff --git a/src/content/reference/react/useEffect.md b/src/content/reference/react/useEffect.md
@@ -1134,7 +1134,7 @@ function ChatRoom() {
 useEffect(() => {
   // ...
   // 🔴 Avoid suppressing the linter like this:
-  // eslint-ignore-next-line react-hooks/exhaustive-deps
+  // eslint-disable-next-line react-hooks/exhaustive-deps
 }, []);
 ```
 
diff --git a/src/content/reference/react/useRef.md b/src/content/reference/react/useRef.md
@@ -512,9 +512,9 @@ function Video() {
 
 <DeepDive>
 
-#### `useRef`를 초기화할 때 null 검사를 피하는 방법 {/*how-to-avoid-null-checks-when-initializing-use-ref-later*/}
+#### `useRef`를 초기화할 때 `null` 검사를 피하는 방법 {/*how-to-avoid-null-checks-when-initializing-use-ref-later*/}
 
-타입 검사기를 사용하면서 항상 `null`을 검사하고 싶지 않다면 다음과 같은 패턴을 대신 사용해 볼 수 있습니다:
+타입 검사기를 사용하면서 항상 `null`을 검사하고 싶지 않다면 다음과 같은 패턴을 대신 사용해 볼 수 있습니다.
 
 ```js
 function Video() {
@@ -542,15 +542,15 @@ function Video() {
 
 ### 커스텀 컴포넌트에 대한 ref를 얻을 수 없습니다 {/*i-cant-get-a-ref-to-a-custom-component*/}
 
-컴포넌트에 `ref`를 전달하고자 다음과 같이 하면:
+컴포넌트에 `ref`를 전달하고자 다음과 같이 하면
 
 ```js
 const inputRef = useRef(null);
 
 return <MyInput ref={inputRef} />;
 ```
 
-다음과 같은 오류가 발생할 것입니다:
+다음과 같은 오류가 발생할 것입니다.
 
 <ConsoleBlock level="error">
 
@@ -560,7 +560,7 @@ TypeError: Cannot read properties of null
 
 기본적으로 컴포넌트는 내부의 DOM 노드에 대한 ref를 외부로 노출하지 않습니다.
 
-이 문제를 해결하려면 ref를 가져오고자 하는 컴포넌트를 찾으세요:
+이 문제를 해결하려면 ref를 가져오고자 하는 컴포넌트를 찾으세요.
 
 ```js
 export default function MyInput({ value, onChange }) {
diff --git a/src/content/reference/react/useSyncExternalStore.md b/src/content/reference/react/useSyncExternalStore.md
