AI·에이전트

shadcn/ui v3 + Tailwind v4 셋업

· · 추천 2 · 댓글 3 · 조회 189

이거 처음 깔때 좀 까다로움

- shadcn/ui v3: registry.json 필수
- Tailwind v4: @theme 블록으로 변수 박는 방식
- 둘 통합할때 색깔 변수 두 군데서 관리됨

해결: tailwind.config 안 쓰고 globals.css에 @theme 박음

@theme {
  --color-background: oklch(0.98 0.01 80);
  --color-foreground: oklch(0.15 0.02 240);
}

oklch 쓰는게 hex보다 hue 조정 쉬움