[Korean FE Article] Tailwind CSS에서 혼란을 방지하기 위한 5가지 모범 사례
글 링크 : https://velog.io/@lky5697/5-best-practices-for-preventing-chaos-in-tailwind-css
소개
Tailwind CSS는 인기 있는 CSS 프레임워크 중에 하나입니다. 쉽고 빠르게 사용할 수 있어서 많은 인기를 끌고 있습니다. 이 글에서는 Tailwind CSS에 대해서 간략하게 소개하고, Tailwind CSS 모범 사례와 함께 사용할 때 주의해야 하는 점도 소개합니다. 현재 Tailwind CSS를 사용하시거나 도입을 고려하고 계신 분이 있다면 한 번 읽어보시는 것을 추천드립니다 :)
목차
가능한 한 적은 수의 유틸리티 클래스 사용
디자인 토큰을 그룹화하고 의미적으로 이름 짓기
클래스 순서 유지
빌드 크기 최소화
스타일 덮어쓰기 및 확장 시 불일치 방지
요약: Tailwind 사용 방법 및 사용 하면 안되는 방법