Tailwind CSS

Utility-First CSS 프레임워크

미리 정의된 유틸리티 클래스를 활용해 스타일링
빠르고 효율적으로 UI를 구성할 수 있도록 함
사전 정의된 컴포넌트가 아닌 클래스 조합을 통해 스타일을 작성

주요특징

1. Utility-First 프레임워크

2. CSS 파일 작성 필요없음

3. 커스터마이징 가능
   기본 제공 클래스 이외에도, 설정파일을 사용해 프로젝트 요구에 맞게 스타일을 커스터마이징 가능

4. 반응형 디자인 내장
   반응형 디자인을 간편하게 구현할 수 있는 클래스와 브레이크 포인트를 제공
   sm md lg xl 2xl

5. 기능의 확장성
   다양한 플러그인을 지원해 기능을 확장할 수 있음

장점

1. 생산성 : 유틸리티 클래스 사용으로 빠르게 UI 개발 가능
2. 일관성 : 프로젝트 전반에 스타일 일관성 유지
3. 확장성 : 설정 파일에서 스타일을 커스터마이징 가능
4. 반응형 지원 : 간단한 클래스 조합으로 반응형 디자인 구현 가능
5. 스타일 충돌 방지 : CSS 네이밍 충돌 문제 없음

단점

1. HTML 가독성 저하 : 유틸리티 클래스를 나열하므로 HTML이 복잡해짐
   → 컴포넌트와 결합하여 코드 정리과정 필수
2. 학습 난이도 존재
3. 설정 파일 의존성 : 복잡한 프로젝트에서 설정 관리가 어려워질 수 있음