From 2297d5af3b87050753dd7341a50ce15464203bb6 Mon Sep 17 00:00:00 2001 From: devjaeyoon Date: Tue, 12 Aug 2025 17:36:12 +0900 Subject: [PATCH 1/3] docs: update content/reference/react/useState.md --- src/content/reference/react/useState.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useState.md b/src/content/reference/react/useState.md index e73a7d377..3f29d16e9 100644 --- a/src/content/reference/react/useState.md +++ b/src/content/reference/react/useState.md @@ -85,7 +85,7 @@ function handleClick() { * React는 [state 업데이트를 batch 합니다. ](/learn/queueing-a-series-of-state-updates) **모든 이벤트 핸들러가 실행되고** `set` 함수를 호출한 후에 화면을 업데이트합니다. 이렇게 하면 단일 이벤트 중에 여러 번 리렌더링 하는 것을 방지할 수 있습니다. 드물지만 DOM에 접근하기 위해 React가 화면을 더 일찍 업데이트하도록 강제해야 하는 경우, [`flushSync`](/reference/react-dom/flushSync)를 사용할 수 있습니다. -* The `set` function has a stable identity, so you will often see it omitted from Effect dependencies, but including it will not cause the Effect to fire. If the linter lets you omit a dependency without errors, it is safe to do. [Learn more about removing Effect dependencies.](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect) +* `set` 함수는 안정적인 식별자를 가지므로, 종종 Effect 의존성 목록에서 생략되는 것을 볼 수 있습니다. 하지만 이를 포함하더라도 Effect가 실행되지는 않습니다. 린터가 의존성을 오류 없이 생략하도록 허용한다면, 그렇게 해도 안전합니다. [Effect 의존성 제거에 대해 더 알아보려면 관련 문서를 참고하세요.](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect) * *렌더링 도중* `set` 함수를 호출하는 것은 현재 렌더링 중인 컴포넌트 내에서만 허용됩니다. React는 해당 출력을 버리고 즉시 새로운 state로 다시 렌더링을 시도합니다. 이 패턴은 거의 필요하지 않지만 **이전 렌더링의 정보를 저장하는 데 사용할 수 있습니다**. [아래 예시를 참고하세요.](#storing-information-from-previous-renders) From 19d57688b263b63a95fa425ad55233c519b26470 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EC=9E=AC=EC=9C=A4?= Date: Thu, 14 Aug 2025 17:57:36 +0900 Subject: [PATCH 2/3] docs: update src/content/reference/react/useState.md Co-authored-by: Haegul Pyun --- src/content/reference/react/useState.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useState.md b/src/content/reference/react/useState.md index 3f29d16e9..ad19c4fb4 100644 --- a/src/content/reference/react/useState.md +++ b/src/content/reference/react/useState.md @@ -85,7 +85,7 @@ function handleClick() { * React는 [state 업데이트를 batch 합니다. ](/learn/queueing-a-series-of-state-updates) **모든 이벤트 핸들러가 실행되고** `set` 함수를 호출한 후에 화면을 업데이트합니다. 이렇게 하면 단일 이벤트 중에 여러 번 리렌더링 하는 것을 방지할 수 있습니다. 드물지만 DOM에 접근하기 위해 React가 화면을 더 일찍 업데이트하도록 강제해야 하는 경우, [`flushSync`](/reference/react-dom/flushSync)를 사용할 수 있습니다. -* `set` 함수는 안정적인 식별자를 가지므로, 종종 Effect 의존성 목록에서 생략되는 것을 볼 수 있습니다. 하지만 이를 포함하더라도 Effect가 실행되지는 않습니다. 린터가 의존성을 오류 없이 생략하도록 허용한다면, 그렇게 해도 안전합니다. [Effect 의존성 제거에 대해 더 알아보려면 관련 문서를 참고하세요.](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect) +* `set` 함수는 항상 동일한 식별자를 가지기 때문에 Effect 의존성 목록에서 자주 생략됩니다. 하지만 의존성에 포함하더라도 Effect가 다시 실행되지는 않습니다. 린터가 오류 없이 생략을 허용한다면, 그대로 생략해도 안전합니다. [Effect 의존성 제거 방법에 대해 더 알아보기](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect) * *렌더링 도중* `set` 함수를 호출하는 것은 현재 렌더링 중인 컴포넌트 내에서만 허용됩니다. React는 해당 출력을 버리고 즉시 새로운 state로 다시 렌더링을 시도합니다. 이 패턴은 거의 필요하지 않지만 **이전 렌더링의 정보를 저장하는 데 사용할 수 있습니다**. [아래 예시를 참고하세요.](#storing-information-from-previous-renders) From a8c313ea0d06ab0ef76027c88390750350ef1acc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= Date: Thu, 14 Aug 2025 19:54:40 +0900 Subject: [PATCH 3/3] Update useState.md --- src/content/reference/react/useState.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useState.md b/src/content/reference/react/useState.md index ad19c4fb4..9c32d8cd7 100644 --- a/src/content/reference/react/useState.md +++ b/src/content/reference/react/useState.md @@ -85,7 +85,7 @@ function handleClick() { * React는 [state 업데이트를 batch 합니다. ](/learn/queueing-a-series-of-state-updates) **모든 이벤트 핸들러가 실행되고** `set` 함수를 호출한 후에 화면을 업데이트합니다. 이렇게 하면 단일 이벤트 중에 여러 번 리렌더링 하는 것을 방지할 수 있습니다. 드물지만 DOM에 접근하기 위해 React가 화면을 더 일찍 업데이트하도록 강제해야 하는 경우, [`flushSync`](/reference/react-dom/flushSync)를 사용할 수 있습니다. -* `set` 함수는 항상 동일한 식별자를 가지기 때문에 Effect 의존성 목록에서 자주 생략됩니다. 하지만 의존성에 포함하더라도 Effect가 다시 실행되지는 않습니다. 린터가 오류 없이 생략을 허용한다면, 그대로 생략해도 안전합니다. [Effect 의존성 제거 방법에 대해 더 알아보기](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect) +* `set` 함수는 항상 동일한 식별자를 가지기 때문에 Effect 의존성 목록에서 자주 생략됩니다. 하지만 의존성에 포함하더라도 Effect가 다시 실행되지는 않습니다. 린터가 오류 없이 생략을 허용한다면, 그대로 생략해도 안전합니다. [Effect 의존성 제거 방법에 대해 더 알아보세요](/learn/removing-effect-dependencies#move-dynamic-objects-and-functions-inside-your-effect). * *렌더링 도중* `set` 함수를 호출하는 것은 현재 렌더링 중인 컴포넌트 내에서만 허용됩니다. React는 해당 출력을 버리고 즉시 새로운 state로 다시 렌더링을 시도합니다. 이 패턴은 거의 필요하지 않지만 **이전 렌더링의 정보를 저장하는 데 사용할 수 있습니다**. [아래 예시를 참고하세요.](#storing-information-from-previous-renders)