Shadcn/ui가 뭔가요? 왜 인기인가요?

shadcn/ui는 복사-붙여넣기 방식의 React 컴포넌트 모음입니다.

일반 UI 라이브러리와 차이:

• MUI, Ant Design → npm install로 설치, 커스터마이징 제한적
• shadcn/ui → 코드를 프로젝트에 직접 복사, 완전한 커스터마이징

# 설치
npx shadcn-ui@latest init

# 컴포넌트 추가 (코드가 프로젝트에 복사됨)
npx shadcn-ui@latest add button
npx shadcn-ui@latest add dialog
npx shadcn-ui@latest add table

왜 인기:

• Tailwind CSS + Radix UI 기반 (접근성 좋음)
• 코드가 내 프로젝트에 있어서 자유롭게 수정 가능
• 의존성 락인 없음
• 디자인이 깔끔 (Vercel 스타일)

2024년 React 프로젝트 시작할 때 거의 기본으로 쓰는 추세입니다.