theme1 React.JS, Next.JS, shadcn/ui 에서 dark mode 설정하기 목표 React.JS와 Next.JS, shadcn/ui로 구성된 프로젝트에 dark mode를 적용하는 법을 알아보자. 다크모드 변경 Next.JS 프로젝트 셋팅 아래와 같은 create-next-app 명령어로 Next.JS 14버전의 새로운 프로젝트를 생성한다. $ npx create-next-app@latest next-dark 명령어를 실행하면 사용자에게 몇가지 질문을 하는데 아래와 같이 src 디렉토리만 No를 선택하고, Tailwind CSS, App Router는 사용하도록 Yes를 선택한다. Need to install the following packages: ✔ Would you like to use TypeScript? … No / Yes > Yes ✔ Would you like t.. 2023. 12. 20. 이전 1 다음