Tailwind CSS 팁 모음

Tailwind CSS는 유틸리티 우선 스타일링으로 코드를 깔끔하고 일관되게 유지할 수 있게 합니다. 제가 매일 사용하는 몇 가지 패턴을 소개합니다. 아아아

1/* Tailwind @apply를 활용한 커스텀 스크롤바 */
2.custom-scroll::-webkit-scrollbar {
3  @apply w-1;
4}

핵심은 유틸리티 우선 철학을 수용하면서 반복이 나타날 때 컴포넌트를 추출하는 것입니다.