Tailwind CSS 실전 팁 모음

언제 컴포넌트를 추출할까?

같은 클래스 조합이 3번 이상 반복되고, 내용이 고정되어 있다면 컴포넌트로 추출할 타이밍입니다. 단순 반복이라면 @apply보다 컴포넌트화가 더 유지보수하기 좋습니다.

다크모드 전략

// tailwind.config.js
module.exports = {
  darkMode: 'class', // 또는 'media'
}

커스텀 플러그인

plugin(({ addUtilities }) => {
  addUtilities({
    '.text-balance': { 'text-wrap': 'balance' },
  })
})