CSS 프레임워크 기본
CSS 프레임워크는 버튼, 그리드, 여백, 반응형 규칙을 매번 만들지 않게 해 주지만 선택 기준이 필요하다.
| 검토 축 | 도움 되는 점 | 비용 | 확인 질문 |
|---|---|---|---|
| Speed | 공통 UI를 빠르게 구성 | 학습과 클래스 암기 | 프로토타입 속도가 중요한가 |
| Consistency | 간격과 색, 컴포넌트 규칙 통일 | 디자인 차별화 제약 | 기존 디자인 시스템과 맞는가 |
| Responsive | 그리드와 breakpoint 제공 | 필요 없는 규칙 포함 | 모바일 규칙을 이해했는가 |
| Customization | 테마와 토큰 변경 가능 | override CSS 증가 | 수정이 프레임워크와 싸우지 않는가 |
| Bundle | 불필요한 CSS 제거 필요 | 용량과 렌더 비용 | 사용하지 않는 스타일을 줄이는가 |
프레임워크는 스타일을 대신 생각해 주는 도구가 아니라 팀의 반복 UI 결정을 빠르게 재사용하는 도구다.