docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
# [[유지보수 가능한 대규모 프론트엔드 CSS 설계]]
|
||||
# [[유지보수 가능한 대규모 프론트엔드 CSS 설계|유지보수 가능한 대규모 프론트엔드 CSS 설계]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
대규모 프론트엔드 프로젝트에서 CSS 설계의 핵심 목적은 단순히 시각적으로 '예쁘게' 만드는 것을 넘어, 여러 개발자가 협업하고 코드를 지속적으로 변경할 수 있도록 '유지보수 가능하게' 만드는 데 있습니다 [1, 2]. 이를 위해 BEM, CSS Modules, Tailwind CSS와 같은 구조적 방법론을 도입하여 전역 네임스페이스 충돌을 막고 캡슐화를 이룹니다 [3, 4]. 또한 Flexbox와 Grid를 목적에 맞게 분리하여 견고한 레이아웃을 구성하고, 컨테이너 쿼리와 유체 타이포그래피를 통한 유연한 반응형 설계, 그리고 성능 저하(Reflow/Repaint)를 방지하는 애니메이션 최적화가 필수적으로 요구됩니다 [5-7].
|
||||
@@ -31,8 +31,8 @@
|
||||
* **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]]
|
||||
- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트]], [[디자인 시스템 (Design Systems)]], [[Feature-Sliced Design (FSD)]]
|
||||
- **Related Topics:** [[BEM|BEM]], [[CSS Modules|CSS Modules]], [[Tailwind CSS|Tailwind CSS]], CSS Flexbox, [[CSS Grid|CSS Grid]], [[컨테이너 쿼리 (Container Queries)|컨테이너 쿼리 (Container Queries)]], 유체 타이포그래피 (Fluid Typography), [[디자인 토큰 (Design Tokens)|디자인 토큰 (Design Tokens)]], [[Reflow 및 Repaint|Reflow 및 Repaint]]
|
||||
- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트|대규모 프론트엔드 프로젝트]], [[디자인 시스템 (Design Systems)|디자인 시스템 (Design Systems)]], [[Feature-Sliced Design (FSD)|Feature-Sliced Design (FSD)]]
|
||||
- **Contradictions/Notes:** Tailwind CSS는 CSS 코드 파일이 기하급수적으로 늘어나는 현상을 막아주고 개발 속도를 극대화하지만 HTML 클래스 구문이 장황해지고 직관적인 가독성이 떨어질 수 있다는 논쟁이 있습니다 [50, 51]. 반대로 BEM이나 CSS Modules는 마크업은 깔끔하게 유지되나 네이밍이나 컴포넌트 관리가 복잡해질 수 있어, 엔지니어링 팀의 성향 및 프레임워크 호환성(예: React Server Components 사용 여부)에 따라 툴을 혼합하거나 신중히 선택해야 합니다 [52, 53].
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user