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

This commit is contained in:
2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
@@ -16,8 +16,8 @@ Reflow(리플로우)는 요소의 크기나 위치 등 레이아웃 구조가
* **선택자 및 레이아웃 구조 단순화**: 다중 경로를 요구하는 복잡한 CSS 선택자를 피하고 [9], 전체 노드의 Reflow를 자주 유발하는 테이블(`table`) 기반의 레이아웃을 피해야 합니다 [5, 16].
## 🔗 Knowledge Connections
- **Related Topics:** [[CSS 애니메이션 성능 최적화 (transition / keyframes)]], [[CSS 구조 설계 방식]], [[DOM 렌더링 파이프라인]]
- **Projects/Contexts:** [[실무에서 CSS 관리하는 방법]], [[유지보수 가능하게 CSS 아키텍처 구축]]
- **Related Topics:** CSS 애니메이션 성능 최적화 (transition / keyframes), [[CSS 구조 설계 방식]], DOM 렌더링 파이프라인
- **Projects/Contexts:** [[실무에서 CSS 관리하는 방법]], 유지보수 가능하게 CSS 아키텍처 구축
- **Contradictions/Notes:** 빈번하게 변경되는 요소에 대해 브라우저가 미리 최적화를 준비할 수 있게 하는 `will-change` 속성은 성능 향상에 큰 도움이 됩니다 [10, 17, 18]. 하지만 이 속성을 불필요하게 너무 많은 요소에 남용할 경우 도리어 브라우저의 리소스를 과도하게 소모시켜 성능 저하(Performance issues)를 일으킬 수 있으므로 최후의 수단으로만 신중히 사용해야 합니다 [17, 18].
---