shadcn/ui๋ ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๋๋๋ค. ์ด๊ฒ์ Radix UI์ Tailwind CSS๋ก ๊ตฌ์ถ๋ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ ์ปดํฌ๋ํธ ๋ชจ์์ ๋๋ค. ๊ฐ์ฅ ํฐ ํน์ง์ ์ปดํฌ๋ํธ๋ฅผ ๋ณต์ฌํ์ฌ ์ฑ์ ์ง์ ๊ฐ์ ธ๋ค ์ฌ์ฉํ๋ค๋ ์ ์ ๋๋ค.
# 1. ํ๋ก์ ํธ์ ํ์ํ ๊ธฐ๋ณธ ์์กด์ฑ ์ค์น
npm install tailwindcss-animate class-variance-authority clsx tailwind-merge
# 2. ์ปดํฌ๋ํธ๋ณ ํ์ํ Radix UI ํจํค์ง ์ค์น
npm install @radix-ui/react-checkbox
npm install @radix-ui/react-dialog
# ... ํ์ํ ์ปดํฌ๋ํธ์ ๋ฐ๋ผ ์ถ๊ฐ ์ค์น
<Button variant="outline">Button</Button>
<Button variant="destructive">Delete</Button>