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

2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
@@ -10,8 +10,8 @@ GPU 가속 및 컴포지팅은 브라우저의 메인 스레드에서 처리하
 * **성능 프로파일링 및 디버깅:** CSS 애니메이션이 올바르게 최적화되었는지 확인하려면 Chrome DevTools를 활용할 수 있습니다. 특히 Layer Profiler를 사용하면 어떤 요소가 복합 레이어(Composite layer)에서 렌더링되고 있는지 식별하여 성능 병목 현상을 파악할 수 있습니다 [9].

 ## 🔗 Knowledge Connections
- **Related Topics:** [[CSS 애니메이션 성능 최적화]], [[Reflow와 Repaint (리플로우와 리페인트)]], [[transform 및 opacity 속성]], [[will-change 속성]]
- **Projects/Contexts:** [[모바일 우선 및 저사양 기기를 고려한 웹 성능 최적화]], [[60 FPS의 부드러운 상호작용 및 애니메이션 구현]]
+- **Related Topics:** CSS 애니메이션 성능 최적화, Reflow와 Repaint (리플로우와 리페인트), transform 및 opacity 속성, will-change 속성
+- **Projects/Contexts:** 모바일 우선 및 저사양 기기를 고려한 웹 성능 최적화, 60 FPS의 부드러운 상호작용 및 애니메이션 구현
 - **Contradictions/Notes:** 컴포지팅은 애니메이션 성능 최적화의 핵심이지만, `box-shadow`나 `filter` 등의 속성을 포함한 애니메이션은 무거운 렌더링 과정을 유발해 오히려 성능 저하를 초래할 수 있으므로 주의해야 합니다 [6].

 ---