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

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
@@ -1,7 +1,7 @@
# [[React Fiber 및 동시성 렌더링]]
# [[React Fiber 및 동시성 렌더링|React Fiber 및 동시성 렌더링]]
## 📌[[ brief]] 시 Summary
[[React Fiber]]는 동기식 렌더링의 한계를 극복하고 동시성 렌더링([[Concurrent Rendering]])을 지원하기 위해 도입된 React의 재조정([[Reconciliation]]) 엔진 아키텍처이다 [1, 2]. 전체 컴포넌트 트리를 단일 호출로 처리하던 기존 방식과 달리, 렌더링 작업을 '파이버 노드(Fiber node)'라는 작은 단위로 쪼개어 스케줄링한다 [3, 4]. 이를 통해 메인 스레드를 차단하지 않고 렌더링을 일시 정지하거나 재개할 수 있으며, 타자 입력이나 클릭과 같은 긴급한 업데이트를 우선적으로 처리하여 반응성 높은 UI를 제공할 수 있다 [3, 5, 6].
## 📌Brief 시 Summary
[[React Fiber|React Fiber]]는 동기식 렌더링의 한계를 극복하고 동시성 렌더링(Concurrent Rendering)을 지원하기 위해 도입된 React의 재조정([[Reconciliation|Reconciliation]]) 엔진 아키텍처이다 [1, 2]. 전체 컴포넌트 트리를 단일 호출로 처리하던 기존 방식과 달리, 렌더링 작업을 '파이버 노드(Fiber node)'라는 작은 단위로 쪼개어 스케줄링한다 [3, 4]. 이를 통해 메인 스레드를 차단하지 않고 렌더링을 일시 정지하거나 재개할 수 있으며, 타자 입력이나 클릭과 같은 긴급한 업데이트를 우선적으로 처리하여 반응성 높은 UI를 제공할 수 있다 [3, 5, 6].
## 📖 Core Content
**도입 배경 및 문제점 해결**
@@ -17,15 +17,15 @@ Fiber는 '차선(Lanes)'이라고 불리는 비트마스크(Bitmask) 기반의
* **우선순위 레벨:** 클릭이나 타이핑 등 즉각 반응이 필요한 작업은 Sync 레벨, 스크롤이나 호버는 InputContinuous, 네트워크 응답 등은 Default, 오프스크린 렌더링은 Idle 레벨로 구분된다 [5, 15].
* 이를 통해 낮은 우선순위의 작업을 처리하는 중에도 우선순위가 높은 상호작용이 들어오면 실행 중인 작업을 멈추고 중요한 작업을 먼저 렌더링하게 된다 [6].
**[[React 18]] 이후의 동시성 기능 활용**
**[[React 18|React 18]] 이후의 동시성 기능 활용**
이러한 아키텍처를 기반으로 React 18 및 19에서는 개발자가 렌더링 우선순위를 직접 조정할 수 있는 동시성 훅을 제공한다.
* `[[useTransition]]`: 특정 상태 업데이트를 낮은 우선순위로 지정하여, 무거운 필터링 작업이 진행되는 동안에도 타이핑 등의 긴급한 입력이 지연되지 않도록 한다 [16, 17].
* `[[useDeferredValue]]`: 외부에서 전달받은 값의 소비를 지연시켜 무거운 렌더링 중에 UI가 동결되는 것을 막는다 [17, 18].
* 또한 동시성 렌더링은 클라이언트의 [[Hydration]] 과정에서도 메인 스레드를 심하게 막지 않고 작은 청크로 쪼개어 렌더링할 수 있도록 돕는다 [19].
* `[[useTransition|useTransition]]`: 특정 상태 업데이트를 낮은 우선순위로 지정하여, 무거운 필터링 작업이 진행되는 동안에도 타이핑 등의 긴급한 입력이 지연되지 않도록 한다 [16, 17].
* `[[useDeferredValue|useDeferredValue]]`: 외부에서 전달받은 값의 소비를 지연시켜 무거운 렌더링 중에 UI가 동결되는 것을 막는다 [17, 18].
* 또한 동시성 렌더링은 클라이언트의 [[Hydration|Hydration]] 과정에서도 메인 스레드를 심하게 막지 않고 작은 청크로 쪼개어 렌더링할 수 있도록 돕는다 [19].
## 🔗 Knowledge Connections
- **Related Topics:** [[Reconciliation]], [[Virtual DOM]], [[Time-Slicing]], [[Hydration]]
- **Projects/Contexts:** [[React 18 Concurrent Features]], [[useTransition 및 useDeferredValue]]
- **Related Topics:** [[Reconciliation|Reconciliation]], Virtual DOM, Time-Slicing, [[Hydration|Hydration]]
- **Projects/Contexts:** [[React 18 Concurrent Features|React 18 Concurrent Features]], [[useTransition 및 useDeferredValue|useTransition 및 useDeferredValue]]
- **Contradictions/Notes:** 제공된 소스 전반에 걸쳐 Fiber 아키텍처와 동시성 렌더링의 매커니즘, 장점에 대해 일관된 설명을 제공하고 있으며, 상충되는 의견은 존재하지 않습니다.
---