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/디자인 시스템(Design System).md
+2 -2
View File
@@ -21,8 +21,8 @@
현대의 디자인 시스템은 반응형 동작(Responsive behavior)을 페이지가 아닌 '컴포넌트의 속성'으로 취급합니다 [11]. 버튼, 모달, 데이터 테이블과 같은 컴포넌트가 컨텍스트를 인지하고 스스로 반응형으로 동작하도록 구축되면, 동일한 레이아웃 문제를 반복해서 해결할 필요가 없습니다 [11, 12]. 또한, BEM과 같은 CSS 구조화 방법론은 컴포넌트를 독립적이고 재사용 가능하게 만들어 디자인 시스템과 자연스럽게 결합되며 [13], Panda CSS와 같은 현대적 CSS-in-JS 도구들은 디자인 시스템과 테마(Theme)를 내장 지원하여 아키텍처의 유지보수성을 극대화합니다 [14, 15].
## 🔗 Knowledge Connections
- **Related Topics:** [[디자인 토큰(Design Tokens)]], [[반응형 웹 디자인(Responsive Web Design)]], [[BEM 방법론]], [[컴포넌트 기반 아키텍처(Component-Based Architecture)]]
- **Projects/Contexts:** [[대규모 엔터프라이즈 프론트엔드 아키텍처(Enterprise Frontend Architecture)]], [[크로스 플랫폼 UI 개발(Cross-Platform UI Development)]]
- **Related Topics:** [[디자인 토큰(Design Tokens)]], 반응형 웹 디자인(Responsive Web Design), BEM 방법론, [[컴포넌트 기반 아키텍처(Component-Based Architecture)]]
- **Projects/Contexts:** 대규모 엔터프라이즈 프론트엔드 아키텍처(Enterprise Frontend Architecture), [[크로스 플랫폼 UI 개발(Cross-Platform UI Development)]]
- **Contradictions/Notes:** 디자인 시스템은 일관된 타이포그래피나 색상 스케일을 강제하기 위해 존재하지만, Tailwind CSS와 같은 유틸리티 우선 프레임워크를 사용할 때 개발자가 임의의 값(arbitrary values, 예: `w-[347px]`)을 남용하게 되면 디자인 시스템의 사전 정의된 규칙을 우회하게 되어 일관성을 해칠 수 있습니다 [16].
---