Tailwind CSS 오픈소스 CSS 프레임워크 중 하나로, Utility-First 컨셉을 가져 미리 설정한 유틸리티 클래스를 활용하는 프레임워크입니다. 작은 스타일 변경에도 컴포넌트를 만드는 번거로움이 싫으신 분, 매번 클래스명을 고민하느라 시간이 많이 드시는 분, 일관된 디자인을 하고 싶은 분께 추천드립니다. 사용예시 .text-lg { font-size: 1.125rem/* 18px */; line-height: 1.75rem/* 28px */; } .font-semibold { font-weight: 600; } .text-gray-900 { --tw-text-opacity: 1; color: rgba(17, 24, 39, var(--tw-text-opacity)); } 위의 HTML 코드는 ..