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

10_Wiki/Topics/Frontend_Mastery/확장 가능한 프론트엔드 아키텍처(Scalable Frontend Architecture).md

@@ -27,8 +27,8 @@
 *   **기능/도메인 중심 폴더 아키텍처 (Feature-Driven Structure):** 프론트엔드 프로젝트에서 단순 파일 유형(컴포넌트, 훅, 유틸 등) 기반 그룹화가 아니라, 실제 비즈니스 기능(도메인)을 기준으로 폴더(예: `src/features/[feature-name]/`)를 나누어 관심사를 분리합니다 [52-56]. 이는 코드가 방대해지더라도 기능 삭제나 리팩토링 시 잔여 CSS나 불필요한 코드가 남는 것을 방지하여 유지보수성을 크게 높여줍니다 [56, 57].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[BEM (Block Element Modifier)]], [[CSS Modules]], [[Tailwind CSS]], [[Flexbox 및 CSS Grid]], [[Container Queries]], [[디자인 토큰(Design Tokens)]], [[Reflow 및 Repaint 최적화]], [[Feature-Driven Architecture]]
-- **Projects/Contexts:** [[대규모 엔터프라이즈 프론트엔드 시스템 구축]], [[다중 플랫폼 지원을 위한 디자인 시스템 연동]], [[유지보수와 성능을 고려한 반응형 UI/UX 설계]]
+- **Related Topics:** [[BEM (Block Element Modifier)]], [[CSS Modules]], [[Tailwind CSS]], Flexbox 및 CSS Grid, [[Container Queries]], [[디자인 토큰(Design Tokens)]], [[Reflow 및 Repaint 최적화]], [[Feature-Driven Architecture]]
+- **Projects/Contexts:** 대규모 엔터프라이즈 프론트엔드 시스템 구축, 다중 플랫폼 지원을 위한 디자인 시스템 연동, 유지보수와 성능을 고려한 반응형 UI/UX 설계
 - **Contradictions/Notes:** 
   - 과거에는 Styled Components나 Emotion 같은 런타임 기반의 CSS-in-JS가 강력한 동적 스타일링 기능으로 인기를 끌었으나, 성능 오버헤드와 React Server Components(RSC)와의 비호환성 문제로 인해 2025/2026년 현대 아키텍처에서는 점차 기피되고 있습니다 [58-60]. 대신 제로 런타임 솔루션인 CSS Modules, Tailwind CSS, Vanilla Extract 등이 차세대 대안으로 적극 권장됩니다 [61, 62].
   - Tailwind CSS는 빠른 개발과 일관된 토큰 사용에 유리하지만, 기존 CSS의 핵심(박스 모델, 레이아웃 엔진, 종속성 등)을 제대로 이해하지 못한 팀이 사용할 경우, 도구의 종류와 무관하게 일관성 없는 레이아웃과 디버깅의 어려움을 겪을 수 있다는 아키텍처 관점의 경고도 존재합니다 [63].