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

10_Wiki/Topics_Art/UI_UX_Assets/대규모 프론트엔드 프로젝트의 확장성 있는 구조 및 스타일링 시스템 설계.md

@@ -1,4 +1,4 @@
-# [[대규모 프론트엔드 프로젝트의 확장성 있는 구조 및 스타일링 시스템 설계]]
+# [[대규모 프론트엔드 프로젝트의 확장성 있는 구조 및 스타일링 시스템 설계|대규모 프론트엔드 프로젝트의 확장성 있는 구조 및 스타일링 시스템 설계]]
 
 ## 📌 Brief Summary
 대규모 프론트엔드 프로젝트에서 CSS는 단순한 시각적 장식이 아닌 유지보수성과 확장성을 보장하기 위한 엄격한 엔지니어링 규율의 영역으로 진화했습니다 [1]. 이를 위해 모듈화된 프로젝트 디렉토리 설계와 BEM, CSS Modules, Tailwind 등의 구조화된 스타일링 방법론을 도입하고, Flexbox와 CSS Grid를 목적에 맞게 결합하여 렌더링 성능을 최적화해야 합니다 [2-4]. 또한, 컨테이너 쿼리(Container Queries)를 통한 컴포넌트 단위의 반응형 웹 구현과 디자인 토큰(Design Tokens)을 활용한 디자인 시스템 구축이 확장 가능한 아키텍처의 필수 요건입니다 [5, 6].
@@ -35,8 +35,8 @@
     *   대신 GPU 가속이 가능하여 Composite 단계만 거치는 `transform` 및 `opacity` 속성을 사용하여 부드러운 초당 60프레임(60fps)을 달성해야 합니다 [54-56].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Feature-Sliced Design (FSD)]], [[CSS Modules]], [[Tailwind CSS]], [[BEM]], [[CSS Grid]], [[Flexbox]], [[Container Queries]], [[Design Tokens]], [[Reflow and Repaint]], [[Fluid Typography]]
-- **Projects/Contexts:** [[Next.js App Router]], [[React Server Components (RSC)]]
+- **Related Topics:** [[Feature-Sliced Design (FSD)|Feature-Sliced Design (FSD)]], [[CSS Modules|CSS Modules]], [[Tailwind CSS|Tailwind CSS]], [[BEM|BEM]], [[CSS Grid|CSS Grid]], [[Flexbox|Flexbox]], [[Container Queries|Container Queries]], [[Design Tokens|Design Tokens]], [[Reflow and Repaint|Reflow and Repaint]], [[Fluid Typography|Fluid Typography]]
+- **Projects/Contexts:** [[Next.js App Router|Next.js App Router]], [[React Server Components (RSC)|React Server Components (RSC)]]
 - **Contradictions/Notes:** 스타일링 방법론에 있어서 Tailwind CSS는 유틸리티 조합을 통해 일관성을 높이고 불필요한 번들을 제거해주지만 클래스명이 장황해지는 단점이 있습니다. 반면, HTML의 시각적 복잡도를 피하고 SCSS의 논리 구조나 로컬 스코핑을 선호하는 팀은 CSS Modules 적용을 강력히 선호하는 등 개발팀의 성향이나 프로젝트 레거시에 따라 기술 선택에 대한 논쟁과 하이브리드 조합이 존재합니다 [23, 57-60].
 
 ---