[Next.js] Styling (shadcn/ui 사용)

• shadcn/ui 설치
  • cmd 창 next 프로젝트 최상단 디렉터리에서 npx shadcn-ui@latest init 입력
    • style: Default 선택
    • color: Slate 선택
    • CSS variables: yes 선택

    • 

• shadcn/ui 사용
  • shadcn/ui는 필요한 컴포넌트를 바로바로 install 하여 사용할 수 있다.
  • https://ui.shadcn.com/docs/components/accordion 에서 필요한 컴포넌트 검색 후 install 하기
  • 예시
    • 버튼 사용하기
      • npx shadcn-ui@latest add button 입력
      • 자동으로 button.tsx 생성 완료