bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: complete wikification of War Commander batch 1&2 and final grey dot cleanup

Browse Source
This commit is contained in:
yesung
2026-04-27 18:58:22 +09:00
parent 3424166ea2
commit 6b86b0da4c
2706 changed files with 9074 additions and 7273 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics/Frontend_Mastery/디자인 시스템.md
+2 -2
View File
@@ -21,8 +21,8 @@
웹, iOS, Android 등 다중 플랫폼을 지원하기 위해 디자인 시스템의 토큰들은 주로 JSON과 같은 중립적 형식으로 저장됩니다 [15, 16]. 그런 다음 Style Dictionary와 같은 도구를 사용하여 CSS 변수, Android용 XML, iOS용 Swift 등 각 플랫폼에 맞는 코드로 자동 변환(Transformation)합니다 [3, 15, 16]. 이 자동화 파이프라인은 수작업으로 인한 오류를 제거하고 모든 제품 생태계에서 완벽한 시각적 일관성을 유지할 수 있게 해줍니다 [3, 16].
## 🔗 Knowledge Connections
- **Related Topics:** [[디자인 토큰 (Design Tokens)]], [[CSS 아키텍처 (CSS Architecture)]], [[컴포넌트 기반 아키텍처 (Component-based Architecture)]], [[반응형 디자인 (Responsive Design)]], [[Tailwind CSS]], [[BEM]]
- **Projects/Contexts:** [[엔터프라이즈 프론트엔드 설계 (Enterprise Frontend Architecture)]], [[다중 플랫폼 배포 워크플로우 (Multi-Platform Workflows)]], [[디자인-코드 핸드오프 (Design-to-Code)]]
- **Related Topics:** [[디자인 토큰 (Design Tokens)]], CSS 아키텍처 (CSS Architecture), 컴포넌트 기반 아키텍처 (Component-based Architecture), 반응형 디자인 (Responsive Design), [[Tailwind CSS]], [[BEM]]
- **Projects/Contexts:** 엔터프라이즈 프론트엔드 설계 (Enterprise Frontend Architecture), 다중 플랫폼 배포 워크플로우 (Multi-Platform Workflows), 디자인-코드 핸드오프 (Design-to-Code)
- **Contradictions/Notes:** 대규모 CSS 시스템을 구축할 때 SCSS나 BEM 방법론은 높은 수준의 제어력과 깔끔한 마크업을 제공하지만 개발자의 수동적인 규칙 준수에 의존해야 하는 위험성이 있습니다. 반면, Tailwind CSS는 설정 파일 기반으로 디자인 시스템(테마)을 강제하여 개발 속도와 일관성을 보장하고 CSS 파일 크기를 억제하지만, HTML 마크업이 매우 길어지고(verbose) 복잡해진다는 트레이드오프를 가집니다 [11, 17, 18].
---