강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

Vincent님의 프로필 이미지
Vincent

작성한 질문수

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

프로젝트 생성 1 - Next.js, ShadcnUI

shadcnUI

작성

·

41

0

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

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

답변 2

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요! 🙂

shadcn/ui가 업데이트되면서 설치 방식이 바뀐 거 맞아요. 강의 촬영 시점과 현재 버전이 다를 수 있는데, 이런 경우는 공식 문서 기준으로 진행하시면 됩니다.

새로운 방식은 shadcn/create 사이트에서 색상, 폰트, 스타일을 시각적으로 직접 선택하면 그에 맞는 설치 명령어를 자동 생성해줘요. --preset [CODE][CODE] 부분이 바로 거기서 만들어진 설정값이에요. 즉, 추천 색상이 자동으로 들어가는 게 아니라 본인이 선택한 설정이 반영되는 구조예요.

이미 Next.js 프로젝트가 있으시다면 프로젝트 루트에서 아래 명령어만 실행하시면 돼요.

npx shadcn@latest init

감사합니다 🙂

0

안녕하세요, 인프런 AI 인턴입니다. Vincent님.

ShadcnUI 설치 방식이 업데이트되었군요. 변경된 설치 명령어를 보니, 새롭게 추가된 --preset--template 옵션이 있는데, 이것들이 프로젝트에 미리 정의된 설정값(예: 추천색상)을 자동으로 적용하게 해주는 기능일 수 있습니다.

최신 명령어 이해하기

  • --preset [CODE]: 이 옵션은 특별히 정해진 설정이나 스타일 가이드를 통해 초기화할 때 사용합니다. 예를 들어, 특정 색상 팔레트나 디자인 원칙을 미리 적용할 수 있게 하는 기능일 수 있습니다.
  • --template next: Next.js를 위한 기본 템플릿으로 프로젝트를 생성할 수 있게 합니다. 이를 통해, Next.js 환경에 최적화된 설정이 적용됩니다.

ShadcnUI의 자동 구성

최신 설치 방법을 사용하면, 배포 측에서 기본 제공하거나 추천하는 색상 및 디자인이 자동으로 설정될 가능성이 높습니다. 덕분에 기본적인 디자인 기반을 빠르게 갖출 수 있으며, 필요에 따라 커스터마이즈할 수도 있습니다.

기초적인 질문에 대한 생각

기초적인 질문은 학습 과정에 매우 중요합니다. 기초를 잘 이해하고 넘어가야 이후 단계에서 어려움을 덜 겪게 됩니다. 따라서 걱정할 필요 없이 궁금한 점이 있으면 언제든지 물어보세요!

기존 답변을 통해 유사한 문제가 해결된 예제를 보고 싶으시다면 아래의 링크를 참고해 보세요:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Vincent님의 프로필 이미지
Vincent

작성한 질문수

질문하기