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

feat: complete wikification of War Commander batch 1&2 and final grey dot cleanup

Browse Source
This commit is contained in:
yesung
2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics/Frontend_Mastery/브라우저 렌더링 파이프라인(Critical Rendering Path).md
+2 -2
View File
@@ -18,8 +18,8 @@
레이아웃 계산이 끝나면 요소에 색상, 텍스트, 그림자, 테두리 등 시각적 속성을 적용하여 화면의 실제 픽셀로 변환하는 페인트(또는 리페인트) 단계가 진행됩니다 [17, 20]. 마지막으로, 성능 최적화를 위해 일부 요소(예: `<video>`, `<canvas>`, 특정 CSS 속성 적용 요소)가 별도의 레이어로 나뉘어 그려졌다면, 브라우저가 이들을 올바른 순서로 겹쳐서 최종 화면을 완성하는 **합성(Compositing)** 단계를 거칩니다 [21, 22]. GPU를 활용해 이 과정을 가속화할 수도 있습니다 [23, 24].
## 🔗 Knowledge Connections
- **Related Topics:** [[DOM(Document Object Model)]], [[CSSOM(CSS Object Model)]], [[리플로우와 리페인트(Reflow and Repaint)]], [[가상 DOM(Virtual DOM)]], [[웹 성능 최적화(Web Performance Optimization)]]
- **Projects/Contexts:** [[최초 렌더링 시간(Time to First Render) 단축]], [[단일 페이지 애플리케이션(SPA)의 CSR 및 SSR 전략]]
- **Related Topics:** [[DOM(Document Object Model)]], [[CSSOM(CSS Object Model)]], 리플로우와 리페인트(Reflow and Repaint), 가상 DOM(Virtual DOM), [[웹 성능 최적화(Web Performance Optimization)]]
- **Projects/Contexts:** 최초 렌더링 시간(Time to First Render) 단축, 단일 페이지 애플리케이션(SPA)의 CSR 및 SSR 전략
- **Contradictions/Notes:** 동기식 JavaScript는 기본적으로 파서를 차단(Parser-blocking)하여 결과적으로 렌더링 파이프라인 전체를 지연시키므로, `async`나 `defer` 속성을 활용해 렌더링 경로를 방해하지 않도록 처리하는 것이 공통적인 모범 사례로 권장됩니다 [7, 25, 26].
---