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

10_Wiki/Topics_Art/UI_UX_Assets/Scalable Frontend Design Systems.md

@@ -1,4 +1,4 @@
-# [[Scalable Frontend Design Systems]]
+# [[Scalable Frontend Design Systems|Scalable Frontend Design Systems]]
 
 ## 📌 Brief Summary
 확장 가능한 프론트엔드 디자인 시스템(Scalable Frontend Design Systems)은 다수의 프로젝트와 플랫폼 전반에서 일관되고 유지보수가 용이한 사용자 인터페이스를 구축하기 위한 아키텍처 및 방법론의 집합입니다. 디자인 토큰(Design Tokens)을 기반으로 시각적 속성을 중앙 집중화하고, Tailwind CSS나 Styled-Components와 같은 스타일링 패러다임을 적용하여 재사용성을 극대화합니다 [1, 2]. 또한, 아토믹 디자인(Atomic Design), 복합 컴포넌트(Compound Components), 그리고 모노레포(Monorepo) 아키텍처를 결합하여 컴포넌트의 독립성을 유지하면서 대규모 확장성을 지원하는 것이 핵심입니다 [3-5].
@@ -21,8 +21,8 @@
   다수의 앱과 공유 라이브러리를 단일 저장소에서 관리할 때 **모노레포(Monorepo)**가 사용됩니다 [5]. pnpm workspaces나 Turborepo, Nx 등의 도구를 사용해 종속성을 관리하고 CI/CD 빌드 캐싱을 최적화합니다 [31-33]. 모노레포 내부의 스파게티 코드를 막기 위해, Shared, Entities, Features 등으로 계층을 나누어 하위 계층이 상위 계층을 참조하지 못하게 하는 **Feature-Sliced Design (FSD)** 방법론을 적용하는 것이 권장됩니다 [34, 35].
 
 ## 🔗 Knowledge Connections
-- **Related Topics:** [[Design Tokens]], [[Tailwind CSS]], [[Styled-Components]], [[React Server Components (RSC)]], [[Atomic Design]], [[Compound Components]], [[Monorepo Architecture]], [[Feature-Sliced Design]]
-- **Projects/Contexts:** [[Shopify Polaris]], [[Uber Base Web]], [[Style Dictionary]], [[Next.js App Router]]
+- **Related Topics:** [[Design Tokens|Design Tokens]], [[Tailwind CSS|Tailwind CSS]], [[Styled Components|Styled-Components]], [[React Server Components (RSC)|React Server Components (RSC)]], [[Atomic Design|Atomic Design]], [[Compound Components|Compound Components]], [[Monorepo Architecture|Monorepo Architecture]], [[Feature-Sliced Design|Feature-Sliced Design]]
+- **Projects/Contexts:** [[Shopify Polaris|Shopify Polaris]], [[Uber Base Web|Uber Base Web]], [[Style Dictionary|Style Dictionary]], [[Next.js App Router|Next.js App Router]]
 - **Contradictions/Notes:** 스타일링 접근 방식에 있어 명확한 트레이드오프가 존재합니다. Styled-Components는 캡슐화와 Prop 기반의 동적 스타일링 측면에서 뛰어난 개발자 경험을 제공하지만 런타임 성능 오버헤드 및 RSC 비호환 문제를 가집니다. 반면, Tailwind CSS는 제로 런타임 오버헤드와 RSC 환경에 최적화된 높은 성능을 자랑하지만, 마크업에 유틸리티 클래스가 누적되어 코드 가독성이 떨어질 수 있습니다. 성능 최적화가 필수적인 대규모 엔터프라이즈 환경에서는 CSS-in-JS에서 Tailwind CSS와 같은 정적/유틸리티 퍼스트 방식으로 마이그레이션하는 추세가 확인됩니다.
 
 ---