docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

10_Wiki/Topics_Art/UI_UX_Assets/모듈식 CSS(Modular CSS).md

@@ -1,4 +1,4 @@
-# [[모듈식 CSS(Modular CSS)]]
+# [[모듈식 CSS(Modular CSS)|모듈식 CSS(Modular CSS)]]
 
 ## 📌 Brief Summary
 모듈식 CSS(CSS Modules)는 로컬 범위(Local scope)의 CSS 클래스 이름을 자동으로 생성하여 컴포넌트 단위로 스타일을 캡슐화하는 CSS 아키텍처 및 도구입니다 [1, 2]. 빌드 타임에 클래스 이름을 고유한 식별자로 변환하여 글로벌 네임스페이스 충돌을 원천적으로 방지하며, 표준 CSS 문법을 유지하면서도 대규모 프론트엔드 프로젝트에서 뛰어난 안정성과 유지보수성을 제공합니다 [1, 3]. 
@@ -17,8 +17,8 @@
   CSS Modules는 복잡한 커스텀 디자인 시스템이나 정교한 애니메이션이 필요하며, 기존 바닐라 CSS나 SCSS 기반의 환경에서 마이그레이션하려는 조직에 가장 적합한 전략으로 평가받습니다 [8, 10]. 2025년 기준, Next.js App Router(React Server Components)와 같은 최신 환경에서는 성능 오버헤드가 큰 런타임 CSS-in-JS를 대신할 가장 훌륭한 대안 중 하나로 강력히 권장됩니다 [11, 12]. 실무에서는 완벽한 캡슐화의 이점을 누리면서도 CSS Modules 파일 내부적으로 BEM(Block Element Modifier) 네이밍 규칙을 일부 결합하여 가독성을 높이는 방법도 널리 사용됩니다 [13].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[BEM]], [[Tailwind CSS]], [[CSS-in-JS]], [[CSS 구조 설계 방식]]
-- **Projects/Contexts:** [[React 서버 컴포넌트 (RSC) 및 Next.js 환경]], [[대규모 프론트엔드 프로젝트 아키텍처]]
+- **Related Topics:** [[BEM|BEM]], [[Tailwind CSS|Tailwind CSS]], [[CSS-in-JS|CSS-in-JS]], [[CSS 구조 설계 방식|CSS 구조 설계 방식]]
+- **Projects/Contexts:** [[React 서버 컴포넌트 (RSC) 및 Next.js 환경|React 서버 컴포넌트 (RSC) 및 Next.js 환경]], [[대규모 프론트엔드 프로젝트 아키텍처|대규모 프론트엔드 프로젝트 아키텍처]]
 - **Contradictions/Notes:** 소스에 따르면, 전통적인 BEM 방식은 개발자의 수동적인 규칙 준수에 의존하기 때문에 실수로 인한 스타일 충돌 가능성이 남아 있는 반면, CSS Modules는 빌드 도구를 통해 식별자를 생성함으로써 이를 시스템적으로 완벽히 자동화하여 해결합니다 [2, 14]. 또한 Tailwind CSS는 파일을 이동할 필요 없이 빠른 개발이 가능하지만 마크업(HTML/JSX)이 매우 장황해진다는 단점이 있는 반면, CSS Modules는 마크업을 깔끔하게 유지할 수 있는 대신 스타일 파일과 로직 파일을 오가는 컨텍스트 스위칭 비용이 발생합니다 [5, 15].
 
 ---