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

10_Wiki/Topics_Art/UI_UX_Assets/Utility-first CSS.md

@@ -1,4 +1,4 @@
-# [[Utility-first CSS]]
+# [[Utility-first CSS|Utility-first CSS]]
 
 ## 📌 Brief Summary
 Utility-first CSS는 마크업(HTML 또는 JSX) 내에 작고 단일 목적을 가진 유틸리티 클래스(예: `flex`, `pt-4` 등)를 직접 조합하여 사용자 인터페이스를 구성하는 CSS 방법론입니다 [1-4]. 전통적인 시맨틱 클래스 작성이나 로직과 스타일의 분리 원칙 대신 개발 속도와 디자인 일관성에 우선순위를 두며, Tailwind CSS가 이 패러다임의 대표적인 프레임워크입니다 [4]. 전역 네임스페이스 충돌을 방지하고 불필요한 CSS 코드를 줄여 유지보수 가능성을 높이는 현대적인 프론트엔드 아키텍처 전략 중 하나로 평가받습니다 [1, 5, 6].
@@ -21,8 +21,8 @@ Utility-first CSS는 마크업(HTML 또는 JSX) 내에 작고 단일 목적을
     현대의 엔지니어링 팀은 레이아웃이나 간격 설정과 같이 속도와 일관성이 중요한 영역에서는 Utility-first CSS(Tailwind CSS)를 활용하고, 복잡한 애니메이션이나 세밀한 제어가 필요한 특수 컴포넌트에는 SCSS나 CSS Modules를 혼합해서 사용하는 하이브리드 전략을 채택하기도 합니다 [13-16].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Tailwind CSS]], [[CSS Modules]], [[BEM]], [[디자인 시스템 개념]]
-- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트 아키텍처]], [[실무에서 CSS 관리하는 방법]]
+- **Related Topics:** [[Tailwind CSS|Tailwind CSS]], [[CSS Modules|CSS Modules]], [[BEM|BEM]], [[디자인 시스템 개념|디자인 시스템 개념]]
+- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트 아키텍처|대규모 프론트엔드 프로젝트 아키텍처]], [[실무에서 CSS 관리하는 방법|실무에서 CSS 관리하는 방법]]
 - **Contradictions/Notes:** Utility-first CSS는 마크업과 스타일을 한 곳에서 관리하여 개발 생산성을 높인다는 장점이 있지만, 일부 개발자들은 이 방식이 HTML 마크업을 심각하게 비대하게 만들고 로직과 스타일의 분리 원칙을 해치며, 과거의 인라인 스타일(Inline styles)을 작성하는 것과 다를 바 없다고 비판합니다 [1, 5, 8, 10].
 
 ---