Your Tailwind Is Ugly!? Do that! (7 cleanup tips)
- Tailwind는 프론트엔드 개발 방식을 혁신했지만, 코드가 지저분해지기 쉽습니다. 😥
- 첫 번째 팁은 '반복하지 마세요(DRY)' 원칙을 적용하여 재사용 가능한 컴포넌트를 만드는 것입니다. ♻️
- 두 번째 팁은 반복되는 Tailwind 클래스를 전역 CSS에서 커스텀 스타일로 정의하여 사용하는 것입니다. 🌐
- 세 번째 팁은 Prettier와 Tailwind CSS 플러그인을 사용하여 클래스를 정렬하고 정리하는 것입니다. ✨
- 네 번째 팁은 VS Code 확장 프로그램을 활용하여 Tailwind 코드를 효율적으로 관리하는 것입니다. 🧰
- 다섯 번째 팁은 임의의 값 대신 Tailwind에서 제공하는 기본 값을 사용하여 일관성을 유지하는 것입니다. 📏
- 여섯 번째 팁은 하드 코딩된 색상 값 대신 전역 CSS에서 테마 색상을 정의하여 사용하는 것입니다. 🎨
- 마지막 팁은 코드가 복잡할 경우, 클래스를 상수로 정의하고 주석을 달아 가독성을 높이는 것입니다. 📝