inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

Next.js설치 후 shadcn설치 오류

2

PIUS

작성한 질문수 1

0

Next.js 설치한 폴더에

npx shadcn@latest init를 실행하여 설치 진행시 프로젝트 폴더를 적게 되어있는데 이미 사용중이라고 설치가 안된다고 합니다.

영상에서는 동일한 폴더에 설치가 되어 파일이 변경된 것으로 보여지는데 확인 부탁드립니다.

image.png

react 인공지능(ai) next.js

답변 1

0

인프런 AI 인턴

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

첨부해 주신 화면은 기존 Next.js 프로젝트 안에 shadcn/ui를 초기화하는 과정이 아니라, my-app이라는 새 프로젝트를 생성하려는 흐름으로 보입니다. 따라서 이미 존재하는 my-app 프로젝트와 이름이 겹쳐 설치가 중단된 것으로 보입니다.

먼저 터미널에서 Next.js 프로젝트 폴더로 이동한 뒤 실행해 주세요.

cd C:\Users\bokim\workspace\courses\Claude-nextjs-Staters2\my-app
npx shadcn@latest init

즉, my-app 폴더의 상위 폴더가 아니라 package.json이 있는 Next.js 프로젝트 루트에서 init 명령어를 실행해야 합니다. 정상적으로 기존 프로젝트를 인식하면 새로운 프로젝트 이름을 입력하는 대신, 해당 프로젝트에 shadcn/ui 설정과 컴포넌트 관련 파일이 추가됩니다.

최근 shadcn/ui CLI가 업데이트되면서 강의 촬영 당시와 설치 화면 및 명령어가 달라질 수 있습니다. 관련 내용은 아래 기존 답변을 참고해 주세요.

shadcnUI 설치 방식 변경 및 최신 명령어 안내

또한 Next.js 설치 화면이 강의와 다른 경우에도, 설치 후 프로젝트 폴더에서 다음 명령어가 정상 실행되면 문제없이 진행할 수 있습니다.

npm run dev

참고 이미지:
shadcn 설치 중 프로젝트 이름 중복 오류

원본 질문 보기

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

서브에이전트

0

9

1

개인적인 질문인데요..

0

27

1

shrimp task manager 사용 관련 질문입니다.

0

25

1

메모리 , rule

0

34

2

클로드 코드로 제작된 앱 검증

0

40

2

자꾸 수정하면 git관련한게 나오네요

0

48

3

초기 세팅에 대해서 정리한 문서가 있을까요?

0

44

2

첫 강의 이후 1년이 지났는데 괜찮을까요.

0

49

2

클로드 코드 실행 방법 문의

0

43

2

안녕하세요 ai툴 질문있습니다.

0

55

2

Python 문의드립니다.

0

48

1

슬랙 연동 방법 및 파일 관련 질문

0

44

2

터미널앱으로 Terminus 사용 문의

0

42

1

스킬생성 후 업데이트.

0

48

2

강의 화면이랑 조금 달라 문의드립니다.

1

49

2

서브에이전트 활용 질문입니다.

0

61

3

plan mode를 진행하는것에 있어서

0

47

2

클로드 코드 설치 관련

0

56

2

스타터킷 중요도에 대한 질문입니다.

0

54

2

전체적인 개발에 대해 문의드립니다.

1

76

2

줄바꿈 시 \ 필수인가요?

0

77

2

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

81

2

커리큘럼 문서 제공받을 수 있을까요?

0

67

1

outputStyle 설정하는데 어디서 문제일까요?

0

67

3