- Tailwind CSS를 사용할 때 가장 흔한 실수는 같은 클래스를 반복적으로 작성하여 HTML 코드를 불필요하게 부풀려버리는 것입니다. 😫
- H1, P 등 기본 요소들을 다시 반복해서 작성하는 것은 코드 가독성과 유지보수성을 떨어뜨립니다. 😓
- 글로벌 CSS 파일에서
@apply
클래스를 사용하면 Tailwind CSS 클래스를 한 번 정의하여 반복적으로 적용할 수 있습니다. 🧰 - 코드를 더욱 명확하고 읽기 쉬우면서, 반복되는 스타일을 관리하기 쉽게 component 기반으로 스타일을 구성할 수 있습니다. 💡