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
@@ -19,8 +19,8 @@ SCSS(Sassy CSS)는 일반적인 CSS에 프로그래밍 기능을 추가하여
  * **Tailwind CSS와의 혼합:** 레이아웃 구성에는 Tailwind의 유틸리티 클래스를 사용하여 개발 속도를 높이고, 복잡한 사용자 정의 컴포넌트나 고도의 커스텀 로직이 필요한 곳에는 SCSS를 사용하는 하이브리드 접근법도 존재합니다 [11, 16]. SCSS 파일 내부에서 Tailwind의 `@apply` 지시어를 사용하거나 공유 디자인 토큰을 활용해 두 시스템을 통합할 수 있습니다 [11, 17, 18].

 ## 🔗 Knowledge Connections
- **Related Topics:** [[CSS Modules]], [[Tailwind CSS]], [[BEM]], [[CSS Preprocessors]]
- **Projects/Contexts:** [[디자인 시스템 구축]], [[대규모 프론트엔드 아키텍처]], [[컴포넌트 스타일링 전략]]
+- **Related Topics:** [[CSS Modules]], [[Tailwind CSS]], [[BEM]], CSS Preprocessors
+- **Projects/Contexts:** [[디자인 시스템 구축]], 대규모 프론트엔드 아키텍처, 컴포넌트 스타일링 전략
 - **Contradictions/Notes:** 소스에 따르면 SCSS는 복잡한 로직과 커스텀 디자인을 위해 실무에서 여전히 유효하지만, 최근 최신 바닐라 CSS가 중첩(Nesting)과 같은 기능을 기본적으로 지원하게 되면서 SCSS 특유의 추가적인 빌드(Compile) 단계를 거칠 필요가 없다고 주장하며 순수 CSS로 회귀하는 의견도 존재합니다 [19, 20]. 또한, 런타임 오버헤드가 없는 유틸리티 우선(Tailwind)이나 CSS-in-JS의 부상으로 JS 생태계 내에서 SCSS의 인기가 예전보다 감소했다는 지적도 있습니다 [1].

 ---