shadcnUI

Question

인강에는 "npx shadcn@latest init "까지 나와 있는데 실제로 제가 들어가보니"npx shadcn@latest init --preset [CODE] --template next"로 변경되어 있더라구요.
이 건은 새로운 설치 방식으로 하면
추천색상으로 자동으로 들어가게 되는건가요??

너무 기초적인 이야기 질문을 많이하는 것 같네요 ㅠㅠ

짐코딩 · Answer

안녕하세요! 🙂 shadcn/ui가 업데이트되면서 설치 방식이 바뀐 거 맞아요. 강의 촬영 시점과 현재 버전이 다를 수 있는데, 이런 경우는 공식 문서 기준으로 진행하시면 됩니다. 새로운 방식은 shadcn/create 사이트에서 색상, 폰트, 스타일을 시각적으로 직접 선택하면 그에 맞는 설치 명령어를 자동 생성해줘요. --preset [CODE] 의 [CODE] 부분이 바로 거기서 만들어진 설정값이에요. 즉, 추천 색상이 자동으로 들어가는 게 아니라 본인이 선택한 설정이 반영 되는 구조예요. 이미 Next.js 프로젝트가 있으시다면 프로젝트 루트에서 아래 명령어만 실행하시면 돼요. npx shadcn@latest init 감사합니다 🙂

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. Vincent님. ShadcnUI 설치 방식이 업데이트되었군요. 변경된 설치 명령어를 보니, 새롭게 추가된 --preset 과 --template 옵션이 있는데, 이것들이 프로젝트에 미리 정의된 설정값(예: 추천색상)을 자동으로 적용하게 해주는 기능일 수 있습니다. 최신 명령어 이해하기 --preset [CODE] : 이 옵션은 특별히 정해진 설정이나 스타일 가이드를 통해 초기화할 때 사용합니다. 예를 들어, 특정 색상 팔레트나 디자인 원칙을 미리 적용할 수 있게 하는 기능일 수 있습니다. --template next : Next.js를 위한 기본 템플릿으로 프로젝트를 생성할 수 있게 합니다. 이를 통해, Next.js 환경에 최적화된 설정이 적용됩니다. ShadcnUI의 자동 구성 최신 설치 방법을 사용하면, 배포 측에서 기본 제공하거나 추천하는 색상 및 디자인이 자동으로 설정될 가능성이 높습니다. 덕분에 기본적인 디자인 기반을 빠르게 갖출 수 있으며, 필요에 따라 커스터마이즈할 수도 있습니다. 기초적인 질문에 대한 생각 기초적인 질문은 학습 과정에 매우 중요합니다. 기초를 잘 이해하고 넘어가야 이후 단계에서 어려움을 덜 겪게 됩니다. 따라서 걱정할 필요 없이 궁금한 점이 있으면 언제든지 물어보세요! 기존 답변을 통해 유사한 문제가 해결된 예제를 보고 싶으시다면 아래의 링크를 참고해 보세요: Next.js, ShadcnUI 등 공식문서대로 터미널에 설치하면 기술스텍 관련 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.