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/유지보수 가능한 대규모 프론트엔드 CSS 설계.md
+1 -1
View File
@@ -31,7 +31,7 @@
* **Feature-Sliced 구조 (도메인 기반 모듈화):** 파일 타입이 아니라 실제 기능(Feature)을 기준으로 구조를 나누어, UI 로직과 스타일 파일을 하나의 폴더 안에 응집시킵니다 (`src/features/...`) [48, 49]. 이렇게 하면 애플리케이션의 특정 기능을 삭제할 때 관련된 스타일 CSS 코드도 함께 정리되어 기술 부채가 쌓이지 않게 됩니다 [48, 49].
## 🔗 Knowledge Connections
- **Related Topics:** [[BEM]], [[CSS Modules]], [[Tailwind CSS]], [[CSS Flexbox]], [[CSS Grid]], [[컨테이너 쿼리 (Container Queries)]], [[유체 타이포그래피 (Fluid Typography)]], [[디자인 토큰 (Design Tokens)]], [[Reflow 및 Repaint]]
- **Related Topics:** [[BEM]], [[CSS Modules]], [[Tailwind CSS]], CSS Flexbox, [[CSS Grid]], [[컨테이너 쿼리 (Container Queries)]], 유체 타이포그래피 (Fluid Typography), [[디자인 토큰 (Design Tokens)]], [[Reflow 및 Repaint]]
- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트]], [[디자인 시스템 (Design Systems)]], [[Feature-Sliced Design (FSD)]]
- **Contradictions/Notes:** Tailwind CSS는 CSS 코드 파일이 기하급수적으로 늘어나는 현상을 막아주고 개발 속도를 극대화하지만 HTML 클래스 구문이 장황해지고 직관적인 가독성이 떨어질 수 있다는 논쟁이 있습니다 [50, 51]. 반대로 BEM이나 CSS Modules는 마크업은 깔끔하게 유지되나 네이밍이나 컴포넌트 관리가 복잡해질 수 있어, 엔지니어링 팀의 성향 및 프레임워크 호환성(예: React Server Components 사용 여부)에 따라 툴을 혼합하거나 신중히 선택해야 합니다 [52, 53].