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
@@ -11,8 +11,8 @@
* **BEM 방법론을 활용한 화이트라벨(Whitelabel) 다중 테마:** 다수의 고객사 브랜드를 지원해야 하는 화이트라벨 앱의 경우, UI 라이브러리와 앱 간의 스타일 계약으로 BEM 구조를 사용하여, 필요한 테마 CSS만 선택적으로 로드하고 덮어쓰는 방식을 채택해 확장성을 확보하기도 합니다[13, 14].
## 🔗 Knowledge Connections
- **Related Topics:** [[디자인 시스템(Design Systems) 및 디자인 토큰(Design Tokens)]], [[CSS-in-JS와 동적 스타일링]], [[CSS 사용자 정의 속성(CSS Custom Properties)]], [[하이브리드 CSS 아키텍처]]
- **Projects/Contexts:** [[웹/모바일 크로스 플랫폼 테마 적용(Style Dictionary)]], [[화이트라벨(Whitelabel) B2B 애플리케이션 스타일링]], [[대규모 디자인 시스템 테마 확장]]
- **Related Topics:** 디자인 시스템(Design Systems) 및 디자인 토큰(Design Tokens), CSS-in-JS와 동적 스타일링, CSS 사용자 정의 속성(CSS Custom Properties), 하이브리드 CSS 아키텍처
- **Projects/Contexts:** 웹/모바일 크로스 플랫폼 테마 적용(Style Dictionary), 화이트라벨(Whitelabel) B2B 애플리케이션 스타일링, 대규모 디자인 시스템 테마 확장
- **Contradictions/Notes:** CSS-in-JS(styled-components 등)는 런타임 테마 적용에 매우 직관적이고 유용하지만[6, 7], 런타임 성능 오버헤드와 React 서버 컴포넌트(RSC) 환경과의 비호환성 문제로 인해 최신 프론트엔드 아키텍처(Next.js App Router 등)에서는 CSS 변수를 결합한 CSS Modules나 Tailwind, 혹은 Zero-runtime 도구(vanilla-extract 등)를 사용하여 테마를 구현하는 것이 더 권장됩니다[15-17].
---