유틸리티 클래스의 기본 구조대부분의 유틸리티 클래스는 다음과 같은 패턴을 따릅니다.{CSS 속성}-{값} 또는 {약어}-{방향}-{크기}예시 1: text-center -> text-align: center; 를 의미합니다.예시 2: pt-4 -> p(padding) + t(top) + 4(미리 정의된 크기) = padding-top: 1rem; (기본 설정 기준)또한, 모든 유틸리티 앞에는 상태나 반응형을 제어하는 접두사(Prefix)를 붙일 수 있습니다.반응형: md:pt-4 (medium 사이즈 화면 이상일 때 pt-4 적용)상태: hover:bg-blue-500 (마우스를 올렸을 때 배경색 변경)다크 모드: dark:text-white (다크 모드일 때 텍스트 색상을 흰색으로 변경)주요 유틸리티 ..