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/Frontend_Mastery/GPU 가속 및 Compositing.md
+3 -3
View File
@@ -1,6 +1,6 @@
# [[GPU 가속 및 Compositing]]
# [[GPU 가속 및 Compositing|GPU 가속 및 Compositing]]
## 📌[[ brief]] Summary
## 📌 Brief Summary
GPU 가속 및 Compositing(합성)은 브라우저가 렌더링 및 애니메이션 작업의 일부를 메인 스레드에서 디바이스의 그래픽 처리 장치(GPU)로 오프로드(offload)하여 처리하는 성능 최적화 기법입니다. 이 과정을 통해 브라우저는 연산 비용이 높은 레이아웃(Reflow)과 페인트(Repaint) 단계를 건너뛰고 '합성(Composite)' 단계만 실행하게 됩니다. 이는 모바일 환경을 포함한 다양한 디바이스에서 초당 60 프레임(60 FPS)의 부드러운 UI 애니메이션을 구현하고 전반적인 프론트엔드 성능을 높이는 데 필수적인 역할을 합니다.
## 📖 Core Content
@@ -14,7 +14,7 @@ GPU 가속 및 Compositing(합성)은 브라우저가 렌더링 및 애니메이
* **성능 테스트 도구**: 렌더링 및 애니메이션 성능 병목 현상을 파악하기 위해 개발자 도구의 'Layer Profiler'를 사용할 수 있습니다. 이를 통해 어떤 요소가 합성 레이어(composite layer)에서 렌더링되고 있는지 식별하여 성능 문제를 진단할 수 있습니다 [7].
## 🔗 Knowledge Connections
- **Related Topics:** CSS 애니메이션 성능 최적화, [[Reflow와 Repaint]], will-change 속성
- **Related Topics:** CSS 애니메이션 성능 최적화, [[Reflow와 Repaint|Reflow와 Repaint]], will-change 속성
- **Projects/Contexts:** 대규모 프론트엔드 시스템의 렌더링 파이프라인 최적화 프로젝트
- **Contradictions/Notes:** GPU 가속을 돕는 `will-change` 속성은 렌더링 성능을 개선할 수 있는 강력한 도구이지만, 불필요하게 너무 많은 요소에 남용할 경우 도리어 심각한 성능 저하를 일으킬 수 있으므로 꼭 필요한 경우에만 제한적으로 사용해야 합니다 [5].