From 54bd4cdb02a1f29aa5e99d4fece1ddd7388ee799 Mon Sep 17 00:00:00 2001 From: Donghyun Lee Date: Mon, 26 Jan 2026 21:05:30 +0900 Subject: [PATCH 1/3] docs: update useDeferredValue.md --- src/content/reference/react/useDeferredValue.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md index 2e651b894..49854e1c0 100644 --- a/src/content/reference/react/useDeferredValue.md +++ b/src/content/reference/react/useDeferredValue.md @@ -245,7 +245,7 @@ input { margin: 10px; } -A common alternative UI pattern is to *defer* updating the list of results and to keep showing the previous results until the new results are ready. Call `useDeferredValue` to pass a deferred version of the query down: +흔히 사용되는 또 다른 UI 패턴은 결과 목록의 업데이트를 지연(*defer*) 하고, 새로운 결과가 준비될 때까지 이전 결과를 계속 표시하는 것입니다. `useDeferredValue`를 호출하여 쿼리의 지연된 버전을 전달하세요: ```js {3,11} export default function App() { From 2572e75e1cf9618efbc72ea0e689ebce845452b9 Mon Sep 17 00:00:00 2001 From: Donghyun Lee Date: Mon, 26 Jan 2026 21:11:36 +0900 Subject: [PATCH 2/3] docs: update useDeferredValue.md --- src/content/reference/react/useDeferredValue.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md index 49854e1c0..b11cf76ae 100644 --- a/src/content/reference/react/useDeferredValue.md +++ b/src/content/reference/react/useDeferredValue.md @@ -421,7 +421,7 @@ input { margin: 10px; } 두 단계로 진행된다고 생각하면 됩니다. -1. **First, React re-renders with the new `query` (`"ab"`) but with the old `deferredQuery` (still `"a"`).** The `deferredQuery` value, which you pass to the result list, is *deferred:* it "lags behind" the `query` value. +1. **먼저 React는 새로운 `query` 값(`"ab"`)으로 리렌더링하지만, `deferredQuery`는 이전 값(여전히 `"a"`)을 사용합니다.** 결과 목록에는 이 지연(*deferred*)된 `deferredQuery` 값이 전달되며, 이는 `query` 값보다 뒤처져서 동작합니다. 2. **백그라운드에서 React는 `query`와 `deferredQuery`를 모두 `"ab"`로 업데이트한 상태로 리렌더링을 시도합니다.** 이 리렌더링이 완료되면 React는 이를 화면에 표시합니다. 그러나 일시 중단되는 경우(`"ab"`에 대한 결과가 아직 로딩되지 않은 경우) React는 이 렌더링 시도를 포기하며, 데이터가 로딩된 후 이 리렌더링을 다시 시도합니다. 사용자는 데이터가 준비될 때까지 오래된 지연된 값을 계속 보게 됩니다. From 4dd0fc65c6444308c0416376545486d67b9b75a2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= Date: Tue, 27 Jan 2026 15:27:18 +0900 Subject: [PATCH 3/3] Fix Korean translation in useDeferredValue.md --- src/content/reference/react/useDeferredValue.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md index b11cf76ae..0e22e9e19 100644 --- a/src/content/reference/react/useDeferredValue.md +++ b/src/content/reference/react/useDeferredValue.md @@ -245,7 +245,7 @@ input { margin: 10px; } -흔히 사용되는 또 다른 UI 패턴은 결과 목록의 업데이트를 지연(*defer*) 하고, 새로운 결과가 준비될 때까지 이전 결과를 계속 표시하는 것입니다. `useDeferredValue`를 호출하여 쿼리의 지연된 버전을 전달하세요: +흔히 사용되는 또 다른 UI 패턴은 결과 목록의 업데이트를 지연(*defer*) 하고, 새로운 결과가 준비될 때까지 이전 결과를 계속 표시하는 것입니다. `useDeferredValue`를 호출하여 쿼리의 지연된 버전을 전달하세요. ```js {3,11} export default function App() { @@ -421,7 +421,7 @@ input { margin: 10px; } 두 단계로 진행된다고 생각하면 됩니다. -1. **먼저 React는 새로운 `query` 값(`"ab"`)으로 리렌더링하지만, `deferredQuery`는 이전 값(여전히 `"a"`)을 사용합니다.** 결과 목록에는 이 지연(*deferred*)된 `deferredQuery` 값이 전달되며, 이는 `query` 값보다 뒤처져서 동작합니다. +1. **먼저 React는 새로운 `query` 값(`"ab"`)으로 다시 렌더링하지만, `deferredQuery`는 이전 값(여전히 `"a"`)을 사용합니다.** 결과 목록에는 이 지연(*deferred*)된 `deferredQuery` 값이 전달되며, 이는 `query` 값보다 뒤처져서 동작합니다. 2. **백그라운드에서 React는 `query`와 `deferredQuery`를 모두 `"ab"`로 업데이트한 상태로 리렌더링을 시도합니다.** 이 리렌더링이 완료되면 React는 이를 화면에 표시합니다. 그러나 일시 중단되는 경우(`"ab"`에 대한 결과가 아직 로딩되지 않은 경우) React는 이 렌더링 시도를 포기하며, 데이터가 로딩된 후 이 리렌더링을 다시 시도합니다. 사용자는 데이터가 준비될 때까지 오래된 지연된 값을 계속 보게 됩니다.