서론Tailwind CSS를 사용할 때 가장 자주 묻는 질문 중 하나는 Tailwind의 내장 지시문과 자신의 커스텀 CSS를 어떻게 배치해야 하는가 하는 것입니다. Tailwind는 계층화된 접근 방식을 따르기 때문에 @tailwind 지시문과 자신의 코드가 포함되는 순서는 최종 스타일의 모양과 느낌에 큰 영향을 미칠 수 있습니다. 이 글에서는 Tailwind의 권장 구조를 분해하고, 원하는 시각적 결과를 얻기 위해 커스텀 CSS를 어떻게 배치해야 하는지 설명하겠습니다. Tailwind의 계층화된 접근 방식Tailwind의 핵심 철학은 스타일의 계층을 깔끔하고 확장 가능하게 구축하는 것입니다. Tailwind 스타일시트를 설정할 때 주로 접하게 되는 세 가지 주요 지시문은 다음과 같습니다: 1. @ta..