๐ Reference
๐ Chapter
Radix UI
Ant Design of React
Chakra UI
mui
โฃ
shadcn/ui
- shadcn/ui
- Radix UI์ Tailwind CSS๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํ ์ปดํฌ๋ํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ.
- shadcn-ui๋ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ฉด์ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์๋๋ค.
- UI ์ปดํฌ๋ํธ ์ฝ๋๊ฐ ํ์ผ๋ก ์ถ๊ฐ๋์ด ์ค์น๊ฐ ๋๋ ํน์ดํ ๋ฐฉ์์ผ๋ก ๋์ํ๋ค. ์ด๋ฌํ ํน์ฑ ๋๋ถ์, ์ฝ๋ ๋์ ๋ฐ ์คํ์ผ์ ๋ณ๊ฒฝํ๊ธฐ ์ฝ๋ค.
- ๊ธฐ๋ณธ์ ์ผ๋ก ์คํ์ผ์ด ์ ์ฉ๋์ง ์์ผ๋ฉฐ, ์ฌ์ฉ์๊ฐ ๋์์ธ์ Tailwind๋ก ์ ์ํ๋ค.
- Next.js ๋ฐ ์๋ฒ ์ปดํฌ๋ํธ ์นํ์ ์ด๋ค.
shadcn/ui - ์ฅ์
- ์์ ํ ์ปค์คํฐ๋ง์ด์ง ๊ฐ๋ฅ(Tailwind CSS ํ์ฉ)ํ๋ค.
- Radix UI์ ์ ๊ทผ์ฑ๊ณผ ARIA ์ง์ ์ ๊ณตํ๋ค.
- ๋ฒ๋ค ํฌ๊ธฐ๊ฐ ์๊ณ ํ์ํ ์ปดํฌ๋ํธ๋ง ๊ฐ์ ธ์ ์ฌ์ฉ ๊ฐ๋ฅํ๋ค.
- ๋์์ธ ์์คํ
๊ตฌ์ถ์ ์ ํฉํ๋ค.