CSS 프레임워크 도입 판단
CSS 프레임워크는 빠른 UI 구축을 돕지만 프로젝트 요구, 커스터마이징 비용, 접근성 기준을 함께 따져야 한다.
| 질문 | 도입에 유리 | 도입 보류 | 검증 방법 |
|---|---|---|---|
| 일관된 UI가 필요한가 | 반복 컴포넌트가 많음 | 일회성 페이지 중심 | 컴포넌트 목록을 세어 봄 |
| 디자인 제약을 받아들일 수 있나 | 토큰과 테마로 조정 가능 | 브랜드 표현이 매우 특수 | 시안과 기본 컴포넌트 비교 |
| 팀이 규칙을 공유하나 | 클래스와 컴포넌트 사용법 합의 | 각자 override 작성 | 리뷰 기준 문서화 |
| 접근성을 제공하나 | 기본 focus, aria 패턴 참고 가능 | 외형만 제공 | 키보드와 스크린 리더 확인 |
| 성능 비용은 괜찮나 | tree-shaking/purge 가능 | 전체 CSS를 항상 로드 | 빌드 후 CSS 크기 측정 |
프레임워크 도입은 빠른 시작과 장기 커스터마이징 비용의 교환이라는 점을 먼저 확인해야 한다.