daisyUI 색상 이름 & 클래스 치트시트: 테마 전환을 위한 필수 표

daisyUI를 활용해 테마 전환을 손쉽게 할 수 있는 색상 이름과 클래스 패턴을 한눈에 정리한 치트시트입니다. primary, secondary, accent 등 의미 기반 색상과 bg-{COLOR}, text-…

daisyUI 테마: 35개 색상 팔레트로 색 고민 끝내기

daisyUI가 제공하는 35개의 색상 팔레트(테마)를 활용해 색을 직접 지정하지 않고 토큰 기반으로 일관된 UI를 만드는 방법을 소개합니다. data-theme 한 줄로 전체 앱 색상을 바꾸고, 섹션 단위 적용과…

Tailwind CSS 플러그인 daisyUI 소개: 클래스만으로 빠르게 UI 만들기

Tailwind CSS의 유틸리티 클래스만으로는 반복적인 UI 패턴을 만들 때 번거로울 수 있는데, daisyUI는 버튼, 카드, 모달 등 자주 쓰는 UI를 컴포넌트 클래스와 테마 시스템으로 제공해 HTML을 짧게…