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/Utility-first CSS.md
+1 -1
View File
@@ -22,7 +22,7 @@ Utility-first CSS는 작고 단일 목적을 가진 저수준(low-level) 유틸
## 🔗 Knowledge Connections
- **Related Topics:** [[Tailwind CSS]], [[CSS-in-JS]], [[Design Tokens]], [[React Server Components]], [[Component-Based Design]]
- **Projects/Contexts:** [[kiwi.com 마이그레이션 프로젝트]] (styled-components에서 Utility-first 프레임워크인 Tailwind로 전환하여 성능 지표 및 모바일 렌더링 속도를 크게 개선한 사례 [19-21]), [[Tailwind CSS v4 도입]] (자바스크립트 설정에서 CSS-first 아키텍처로 전환 [22])
- **Projects/Contexts:** kiwi.com 마이그레이션 프로젝트 (styled-components에서 Utility-first 프레임워크인 Tailwind로 전환하여 성능 지표 및 모바일 렌더링 속도를 크게 개선한 사례 [19-21]), Tailwind CSS v4 도입 (자바스크립트 설정에서 CSS-first 아키텍처로 전환 [22])
- **Contradictions/Notes:** 소스들은 Utility-first CSS(Tailwind)가 빌드 타임에 CSS를 생성하여 런타임 비용이 없고 렌더링 성능이 매우 뛰어난 반면 코드가 장황해지는 단점이 있다고 설명합니다 [11, 13, 23]. 반대로 CSS-in-JS(Styled Components)는 컴포넌트 중심 스타일링으로 가독성이 높고 동적 스타일링에 유리하지만, 런타임에 스타일을 주입하므로 CPU/자바스크립트 성능 오버헤드가 발생하며 React Server Components(RSC) 환경과는 구조적으로 호환되지 않는 문제점이 있다고 명확히 대조하고 있습니다 [24-26].
---