You're Using Shadcn/ui the WRONG Way (Here's How to Fix It)
- Shadcn/ui는 커스터마이징을 위해 설계되었지만, 많은 웹사이트들이 기본 스타일을 그대로 사용하여 획일적인 디자인을 보입니다. 🎨
- Shadcn/ui는 컴포넌트 라이브러리가 아닌, 자신만의 컴포넌트 라이브러리를 구축하도록 돕는 도구입니다. 🛠️
- MUI와 달리, Shadcn/ui는 컴포넌트 코드를 직접 소유하고 수정할 수 있도록 합니다. 🧑💻
globals.css
파일을 통해 웹사이트의 전반적인 스타일(반올림, 색상 등)을 쉽게 변경할 수 있습니다. 🌍
- OKLCH 색상 모델을 사용하면 색상을 더 직관적으로 제어하고 더 나은 색상 조합을 만들 수 있습니다. 🌈
- Tweak CN과 같은 도구를 사용하면 Shadcn/ui 테마를 쉽게 커스터마이징할 수 있습니다(글꼴, 간격, 그림자 등). ✨
- 컴포넌트 자체를 수정하여 특정 variant에 대한 스타일을 전역적으로 변경할 수 있습니다. ⚙️
- Shadcn/ui는 Radix UI 위에 구축되었으며, CSS를 추가하여 디자인 시스템을 구축하기 위한 좋은 기반을 제공합니다. 🧱