docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
# [[Scalable Design Systems]]
|
||||
# [[Scalable Design Systems|Scalable Design Systems]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
확장 가능한 디자인 시스템(Scalable Design System)은 시각적 일관성, 유연성 및 유지보수성을 보장하기 위해 재사용 가능한 UI 컴포넌트, 디자인 토큰 및 가이드라인을 체계화한 프레임워크입니다 [1, 2]. 디자인 토큰과 컴포넌트 기반 아키텍처를 통해 디자인의 의도(intent)와 코드의 구현(impact)을 분리함으로써, 대대적인 리팩토링 없이도 새로운 테마, 브랜드 또는 플랫폼에 쉽게 적응할 수 있도록 합니다 [3, 4]. 현대 프론트엔드 엔지니어링에서는 개발자 경험(DX)과 런타임 성능 간의 균형을 맞추기 위해 필수적인 요소로 자리 잡고 있습니다 [5].
|
||||
@@ -23,8 +23,8 @@
|
||||
대규모 엔터프라이즈 환경에서는 디자인 시스템의 유지보수를 위해 자동화가 필수적입니다. Uber는 Figma Console MCP와 AI 에이전트를 결합해 몇 분 만에 멀티 플랫폼용 컴포넌트 스펙 문서를 자동 생성합니다 [34-36]. 또한 'Design System Observability' 시스템을 통해 뷰 트리를 탐색하여 수천 개의 화면에서 표준 컴포넌트의 실제 채택률을 정량적으로 측정하고 코드 품질을 제어합니다 [37-39].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[Design Tokens]], [[Atomic Design]], [[Compound Components]], [[React Server Components (RSC)]], [[Tailwind CSS]], [[Styled-Components]], [[Feature-Sliced Design (FSD)]]
|
||||
- **Projects/Contexts:** [[Next.js App Router]], [[Uber Base Web]], [[Shopify Polaris]]
|
||||
- **Related Topics:** [[Design Tokens|Design Tokens]], [[Atomic Design|Atomic Design]], [[Compound Components|Compound Components]], [[React Server Components (RSC)|React Server Components (RSC)]], [[Tailwind CSS|Tailwind CSS]], [[Styled Components|Styled-Components]], [[Feature-Sliced Design (FSD)|Feature-Sliced Design (FSD)]]
|
||||
- **Projects/Contexts:** [[Next.js App Router|Next.js App Router]], [[Uber Base Web|Uber Base Web]], [[Shopify Polaris|Shopify Polaris]]
|
||||
- **Contradictions/Notes:** 소스 [40, 41]는 Tailwind CSS가 JSX 마크업을 장황하게(Verbose) 만들고 컴포넌트 수준의 캡슐화가 부족하다고 지적하지만, 소스 [25, 42, 43]는 Headless UI 컴포넌트, CVA(Class Variance Authority), 그리고 Tailwind v4의 `@theme` 지시어를 결합하면 이러한 단점을 극복하고 재사용 가능한 컴포넌트를 효과적으로 추상화할 수 있다고 주장합니다. 또한, CSS-in-JS(Styled-Components)는 동적 스타일링의 편리함을 제공하지만 대규모 트래픽이나 성능(Core Web Vitals)이 중요한 프로젝트 및 최신 RSC 기반 애플리케이션에서는 제로 런타임인 Tailwind나 CSS Modules의 사용이 적극 권장됩니다 [44-46].
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user