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

안녕하세요 🙂

답변드리겠습니다.

질문1) claude_nextjs_starters 라는 것은 이전 챕터 MCP에서만 하더라도 shadcnui로 로그인 페이지 만들고 하던 것 아니었나요?

우선 스타터킷(Starter Kit)은 강의에서 말씀드린 것처럼 프로젝트를 빠르게 시작할 수 있도록 기본 설정과 구조가 미리 갖춰진 템플릿입니다. 예를 들어 Next.js 스타터킷(claude-nextjs-starters 프로젝트)이라면 프로젝트 폴더 구조, TailwindCSS 설정, ShadcnUI 등이 이미 세팅되어 있어서 매번 처음부터 설정할 필요 없이 바로 개발을 시작할 수 있습니다 🙂

강의에서는 클로드 코드를 실습할 프로젝트로 스타터킷을 선택했어요. 수강생분들이 다양한 프로젝트를 빠르게 시작할 수 있도록 하기 위함이고요. 로그인 페이지는 많은 프로젝트에서 공통으로 사용되기 때문에 예시로 만들어본 거예요. 결과 코드는 저와 똑같지 않아도 괜찮습니다!

이렇게 만든 스타터킷을 기반으로 뒤에 이어지는 프로젝트들을 진행하는 겁니다.

질문2) 그런데 여기에 노션 작업을 추가하는 건가요?

노션 작업을 "추가"하는 게 아니에요!

스타터킷은 말 그대로 "출발점"입니다. 스타터킷 자체에 로그인 페이지나 노션 기능이 포함되는 게 아니라, 스타터킷을 복사해서 새로운 프로젝트를 시작하는 거예요.

정리하면:

• 스타터킷 복사 → A 프로젝트 (예: 로그인 페이지가 있는 웹앱)

• 스타터킷 복사 → B 프로젝트 (예: 노션 기반 온라인 견적서 웹앱)

• 스타터킷 복사 → C 프로젝트 (예: 나만의 포트폴리오 사이트)

이렇게 동일한 스타터킷에서 출발하지만, 각각 다른 프로젝트로 진행되는 거예요. 마치 빈 도화지(스타터킷)를 여러 장 복사해서 각각 다른 그림을 그리는 것과 같습니다!

질문3) CLAUDE.md를 참고사항으로 적는 걸 보면 68, 69 MCP Server 영상에서의 claude_nextjs_starters는 아닌 것 같은데..

어떤 부분에서 그렇게 느끼셨는지 정확히 파악하기 어렵지만, 같은 프로젝트 맞습니다! 👉https://github.com/gymcoding/claude-nextjs-starters

강의에서 말씀드린 것처럼 AI의 확률적 특성상 같은 프롬프트를 입력하더라도 결과는 저와 다를 수밖에 없어요. 그래서 코드 자체가 중요한 게 아니라, 강의에서 배운 클로드 코드 스펙을 활용해서 나만의 스타터킷 프로젝트를 만들고, 커스텀 커맨드나 서브에이전트 같은 확장 기능을 추가하는 과정이 중요합니다.

이렇게 완성한 나만의 스타터킷으로 다른 프로젝트들을 시작하시면 돼요!

추가로 궁금하신 점 있으시면 편하게 질문해주세요 🙏

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

질문해 주신 클로드 코드 강의의 72 메타프롬프트 활용 PRD 생성(+MVP)와 관련된 혼란스러움을 해결하기 위해 제가 가진 정보와 함께 유사한 문제에 대한 답변을 드리겠습니다.

핵심 이해 사항

1. claude_nextjs_starters의 정의:

   • 68, 69강에서 언급된 claude_nextjs_starters는 초기 설정 예제 프로젝트로, shadcnui를 사용하여 로그인 페이지 등을 구현하는 과정이 포함되어 있습니다.
     

2. 노션(72강의 PRD 생성과의 연결성):

   • 72강의 메타프롬프트를 활용한 PRD 생성 과정에서는 claude_nextjs_starters를 복사하여 별도의 기능(예: 노션 활용)을 추가하는 형태로 프로젝트를 진행합니다. 이는 이전 MCP(Server) 챕터의 기본 구조를 확장하여 노션을 포함한 PRD 생성을 시도하는 것입니다.
     

3. 프로젝트 흐름 이해:

   • 기존 기능 확장: claude_nextjs_starters는 이전 기본 기능(로그인, UI 설정 등)을 포함하면서 이후 노션을 활용하는 과정을 추가합니다. 이로 인해 프로젝트의 기능이 확장된 형태로 이해하시면 좋습니다.
     

추가 도움말

• 강의에서도 초반부 설정에 대한 설명이 충분하지 않거나 혼란스러움을 야기할 수 있는 부분이 존재할 수 있습니다. 이런 경우에는 기존의 자료를 참조하시거나 Instructor 댓글에서 지침을 확인하시기 바랍니다.
  

아래의 관련 답변을 통해 더 많은 정보를 확인할 수 있으니, 참조하시기 바랍니다:

• 클로드 코드의 설정과 응용 방법 - claude_nextjs_starters 활용 예제에 대해서 더 깊이 있는 설명을 제공합니다.
  

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