Tailwind CSS란?
CSS를 효율적으로 작성하고 재사용 가능한 구성 요소를 제공하는 것을 목표로 하는 CSS 프레임워크
→ 미리 정의된 클래스를 사용하여 스타일을 적용하는 방식이다. 아래는 사용 예시이다!
<h2 class="text-[#11DDAA] text-4xl font-medium pb-[30px] mt-16 ml-[17%]">ABOUT ME</h2>Tailwind Css의 장단점
장점
- 디자인을 위한 클래스 이름을 고민할 필요가 없음
- 쉽게 반응형 디자인 구현 가능
- 각각의 클래스가 독립적이라 모듈화와 재사용성이 뛰어남
단점
- 미리 정의된 클래스를 사용하기 때문에 완전히 자유로운 디자인 구성이 어려움
- 아직 익숙치 않은 사람에게는 매번 문서를 통해 클래스 이름 찾기가 불편함(경험담..)
- 코드 가독성이 떨어짐(개인적인 느낌일 수도있지만 클래스 이름을 다 가져다 넣기 때문에 코드가 좀 더러워보였달까..? )
- 많은 유틸리티 클래스를 포함하고 있기 때문에 파일의 크기가 상당히 커져 프로젝트 성능에 문제를 줄 수도 있음
프론트 개발자 꿈꾸는 중