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).md
+2 -2
View File
@@ -21,8 +21,8 @@
이러한 한계를 극복하기 위해 엔터프라이즈 엔지니어링 팀은 하이브리드 아키텍처를 채택하기도 합니다. 속도와 일관성 확보에 유리한 전반적인 레이아웃과 간격에는 유틸리티 퍼스트(Tailwind CSS)를 사용하고, 복잡한 애니메이션이나 정교한 상태 제어 및 고유의 선택자가 필요한 특수 컴포넌트에는 CSS Modules이나 SCSS를 병행하여 사용하는 전략을 구사합니다 [13-15].
## 🔗 Knowledge Connections
- **Related Topics:** [[Tailwind CSS]], [[CSS Modules]], [[BEM]], [[디자인 시스템 개념]], [[관심사 분리(Separation of Concerns)]]
- **Projects/Contexts:** [[대규모 엔터프라이즈 프론트엔드 아키텍처]], [[React 및 Next.js 애플리케이션 설계]], [[하이브리드 스타일링 전략]]
- **Related Topics:** [[Tailwind CSS]], [[CSS Modules]], [[BEM]], [[디자인 시스템 개념]], 관심사 분리(Separation of Concerns)
- **Projects/Contexts:** 대규모 엔터프라이즈 프론트엔드 아키텍처, React 및 Next.js 애플리케이션 설계, 하이브리드 스타일링 전략
- **Contradictions/Notes:** 유틸리티 퍼스트 방식은 개발 속도를 높이고 글로벌 CSS의 스코핑(Scoping) 문제를 효과적으로 해결한다는 찬사를 받지만, 동시에 HTML 마크업이 지나치게 길어지는 단점 때문에 일부 개발자들 사이에서는 '과거 2000년대의 인라인 스타일로의 회귀'라는 비판을 받으며 팀 내에서 호불호가 갈리기도 합니다 [7, 9, 10, 16, 17].
---