[G1-Sync] Manual knowledge update
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
# [[Lanes Model]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
## 📌[[ brief]] Summary
|
||||
Lanes Model은 React의 Fiber 아키텍처에서 동시성(Concurrent) 작업과 렌더링의 우선순위를 관리하기 위해 도입된 정교한 시스템입니다 [1]. 32비트 정수 형태의 비트마스크(bitmask)를 활용하여 UI 업데이트 작업을 여러 우선순위 레벨(Lane)로 분류하고 관리합니다 [2]. 이를 통해 즉각적인 사용자 상호작용과 같은 긴급한 업데이트를 우선적으로 처리하며, 무거운 연산 중에도 UI의 반응성을 유지하도록 돕습니다 [3, 4].
|
||||
|
||||
## 📖 Core Content
|
||||
@@ -17,10 +17,10 @@ Lanes Model은 React의 Fiber 아키텍처에서 동시성(Concurrent) 작업과
|
||||
* **Lanes Model의 핵심 최적화 기능:**
|
||||
* **우선순위 선점 및 중단:** 렌더링 중 더 높은 우선순위의 업데이트가 도착하면, 진행 중이던 낮은 우선순위의 작업(WIP, Work-In-Progress)을 일시 중지하고 높은 우선순위의 작업을 먼저 처리할 수 있습니다 [5, 8].
|
||||
* **기아 현상 방지 (Starvation Prevention):** 낮은 우선순위의 작업이 오랫동안 대기 상태에 머물러 처리되지 못하는 것을 막기 위해, 일정 시간이 지나면 더 높은 우선순위 Lane으로 승격(promote)시켜 실행을 보장합니다 [5].
|
||||
* **작업 얽힘 (Entanglement):** 낮은 우선순위의 업데이트가 높은 우선순위 업데이트의 결과에 의존해야 할 경우, 두 Lane을 서로 얽히게 만들어 함께 렌더링되도록 동기화합니다 [5].
|
||||
* **작업 얽힘 (Ent[[ANGLE]]ment):** 낮은 우선순위의 업데이트가 높은 우선순위 업데이트의 결과에 의존해야 할 경우, 두 Lane을 서로 얽히게 만들어 함께 렌더링되도록 동기화합니다 [5].
|
||||
|
||||
* **동시성 기능(Concurrent Features)의 기반:**
|
||||
Lanes Model은 React의 `useTransition` 및 `useDeferredValue`와 같은 동시성 훅(Hooks)을 구동하는 핵심 기술입니다 [4]. 이 모델 덕분에 긴급하지 않은 렌더링 업데이트를 낮은 우선순위로 미뤄두어, 무거운 연산이 진행되는 동안에도 UI가 멈추지 않고 반응성을 유지할 수 있습니다 [4].
|
||||
Lanes Model은 React의 `[[useTransition]]` 및 `[[useDeferredValue]]`와 같은 동시성 훅(Hooks)을 구동하는 핵심 기술입니다 [4]. 이 모델 덕분에 긴급하지 않은 렌더링 업데이트를 낮은 우선순위로 미뤄두어, 무거운 연산이 진행되는 동안에도 UI가 멈추지 않고 반응성을 유지할 수 있습니다 [4].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[React Fiber Architecture]], [[Concurrent Rendering]], React Scheduler, [[Virtual DOM]]
|
||||
|
||||
Reference in New Issue
Block a user