Tailwind css 기본 class

기본 태그

• 반응형 디자인: sm:, md:, lg:, xl: 접두사를 사용하여 다양한 화면 크기에 대응
• 다크 모드: dark: 접두사를 사용하여 다크 모드 스타일 정의
• 간격 조절: space-y-*, space-x-* 클래스로 요소 간 간격 조절
• Flexbox 활용: flex, items-*, justify-* 클래스로 레이아웃 구성
• 색상 커스터마이징: Tailwind 설정 파일에서 색상 팔레트 확장 가능

코딩

• HTML 구조 먼저 작성
• 가장 기본적인 스타일 (배경, 텍스트 색상, 크기 등) 적용
• 레이아웃 관련 클래스 (flex, grid 등) 추가
• 간격, 패딩, 마진 조정
• 반응형 디자인을 위한 클래스 추가
• 다크 모드 지원을 위한 클래스 추가
• 필요에 따라 커스텀 클래스 또는 @apply 지시어 사용