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
@@ -31,7 +31,7 @@
## 🔗 Knowledge Connections
- **Related Topics:** [[CSS Modules]], [[Tailwind CSS]], [[BEM]], [[CSS Grid]], [[Flexbox]], [[Container Queries]], [[Fluid Typography]], [[Reflow and Repaint]], [[Design Tokens]]
- **Projects/Contexts:** [[성능 중심의 렌더링 파이프라인 최적화 프로젝트]], [[모바일 우선주의(Mobile-First) 기반 디자인 구축]], [[대규모 엔터프라이즈 컴포넌트 라이브러리 및 디자인 시스템 설계]]
- **Projects/Contexts:** 성능 중심의 렌더링 파이프라인 최적화 프로젝트, 모바일 우선주의(Mobile-First) 기반 디자인 구축, 대규모 엔터프라이즈 컴포넌트 라이브러리 및 디자인 시스템 설계
- **Contradictions/Notes:** Tailwind CSS는 클래스명을 고민할 필요 없이 빠른 UI 개발을 가능하게 하고 번들 크기를 줄이는 등 생산성에 큰 이점이 있지만, 마크업이 심하게 장황해져 가독성을 해칠 수 있습니다 [25-28]. 반면 SCSS/CSS Modules는 마크업을 깔끔하게 유지하고 복잡한 커스텀 스타일을 정밀하게 제어할 수 있지만 스타일 규칙이 복잡해질 수 있어 조직의 역량과 프로젝트 성격에 따라 도구 선택이나 혼합 방식에 대한 의견 차이가 실무자들 사이에서 빈번히 존재합니다 [20, 23, 73-75]. 또한 Styled Components 등의 Runtime CSS-in-JS는 동적인 테마 적용에 유용하지만 React Server Components(RSC)와 호환되지 않고 성능 오버헤드가 발생하여, 최근에는 정적 추출을 지원하는 빌드 타임 기반 시스템(Vanilla Extract)이나 CSS Modules, Tailwind로 회귀하는 추세입니다 [76-80].
---