bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

Browse Source
This commit is contained in:
Antigravity Agent
2026-05-02 09:18:34 +09:00
parent c84dcb8371
commit 6445fcc05b
13150 changed files with 55394 additions and 100862 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics_Art/UI_UX_Assets/React 동시성 훅 (useTransition, useDeferredValue).md
+3 -3
View File
@@ -1,4 +1,4 @@
# [[React 동시성 훅 (useTransition, useDeferredValue)]]
# [[React 동시성 훅 (useTransition, useDeferredValue)|React 동시성 훅 (useTransition, useDeferredValue)]]
## 📌 Brief Summary
React의 동시성 훅(Concurrent Hooks)인 `useTransition`과 `useDeferredValue`는 긴급한 업데이트와 비긴급 업데이트를 분리하여 UI의 응답성을 유지하는 데 사용되는 도구입니다 [1]. 이 훅들은 연산 속도 자체를 높이는 것이 아니라 무거운 연산이 메인 스레드를 차단하는 것을 방지함으로써 애플리케이션의 체감 속도를 높여줍니다 [2]. 결과적으로 사용자 피드백을 즉각적으로 처리하게 하여 INP(Interaction to Next Paint)와 같은 성능 지표를 개선하는 데 핵심적인 역할을 합니다 [3].
@@ -17,8 +17,8 @@ React의 동시성 훅(Concurrent Hooks)인 `useTransition`과 `useDeferredValue
* 무거운 렌더링을 처리하는 동안 UI가 멈추는(freezing) 현상을 방지하기 위해, React는 새로운 결과가 준비될 때까지 화면에 이전 결과를 계속 표시합니다 [3].
## 🔗 Knowledge Connections
- **Related Topics:** [[React Fiber Architecture]], [[Lane Model]], [[INP (Interaction to Next Paint)]]
- **Projects/Contexts:** [[검색어 입력 필터링 (Search-as-you-type)]], [[데이터 집약적 대시보드의 탭 전환]]
- **Related Topics:** [[React Fiber Architecture|React Fiber Architecture]], [[Lane Model|Lane Model]], INP (Interaction to Next Paint)
- **Projects/Contexts:** 검색어 입력 필터링 (Search-as-you-type), 데이터 집약적 대시보드의 탭 전환
- **Contradictions/Notes:** 동시성 훅(`useTransition`)과 디바운싱(Debouncing)은 불필요한 작업을 줄여준다는 공통점이 있지만 목적이 다릅니다. 컴포넌트 수준에서 UI 업데이트를 지연시키는 데는 React 네이티브 방식인 `useTransition`이 더 적합한 반면, 잦은 API 호출 빈도를 낮추는 데는 여전히 디바운싱 기법을 사용하는 것이 최선입니다 [6].
---