- ShadCN은 일반적인 UI 라이브러리와 달리, Radix UI의 접근성 높은 UI 기본 요소와 Tailwind CSS 스타일을 결합하여 높은 사용자 정의성을 제공합니다. 🎨
- ShadCN 컴포넌트는 필요할 때마다 개별적으로 설치하여 불필요한 컴포넌트 설치를 방지하고 프로젝트 크기를 최적화합니다. 📦
- Tailwind CSS의 OKLCH 색상 표기법을 사용하여 색상을 정의하고, CSS 변수를 통해 테마를 일관성 있게 관리할 수 있습니다. 🌈
cn
유틸리티 함수는 Tailwind 클래스 이름을 조건부로 결합하여 코드의 가독성과 유지보수성을 향상시킵니다. 🛠️- ShadCN 컴포넌트의
asChild
prop은 컴포넌트의 구조를 유연하게 만들고, 접근성을 높이는 데 기여합니다. 👶