diff --git a/src/content/reference/react/useDeferredValue.md b/src/content/reference/react/useDeferredValue.md index 2e651b894..0e22e9e19 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() { @@ -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는 이 렌더링 시도를 포기하며, 데이터가 로딩된 후 이 리렌더링을 다시 시도합니다. 사용자는 데이터가 준비될 때까지 오래된 지연된 값을 계속 보게 됩니다.