강의

멘토링

커뮤니티

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

noah님의 프로필 이미지
noah

작성한 질문수

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

Playwright MCP란? - 오류 해결하기

스타터킷 사용방법

작성

·

30

·

수정됨

0

안녕하세요.

현재 섹션 13, "Playwright MCP 란?" 까지 수업을 수강한 학생입니다.

가르쳐주신대로 성실하게 스타터킷을 클로드 코드와 공식 문서를 이용하여 만들었습니다.

 

다만 제가 궁금한것은 본 스타터킷을 어떻게 활용하는지 입니다. 배포한 웹페이지를 통해 사람들이 코드를 퍼가서 이용하는 방식인건지, 아니면 제가 만든 소스코드의 산출물일 뿐인지 궁금합니다.

강의에서는 어느 용도로 쓰인다고는 나와있지만, 어떻게 활용할 수 있는지는 안나옵니다. (예를들어 코드를 복사하여 그대로 CLI 등에 붙인다는지 등이요..) 제가 만든 스타터 킷의 기술 스택 란은 아래와 같이 돼있는데

image.png

 

이런경우 딱히 복사를 한다고도 보기 어렵습니다. 어떤식으로 본 스타터킷을 사용할 수 있는지 가이드 부탁드립니다!

만약 추후 인강에 있는 내용이라면 인강 회차 이름 말씀부탁드립니다!

감사합니다

 

아래는 제가 만든 페이지 입니다.

https://starterkit-test.vercel.app/examples

 

Next.js 기반이라 그런지 아니면 정적인 페이지가 아니라 그런지 github로 배포가 안되어 vercel을 통해 올렸습니다

답변 1

1

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

안녕하세요! 😊

스타터킷은 배포해서 다른 사람에게 공유하는 용도가 아니라, 나만의 프로젝트를 빠르게 시작하기 위한 템플릿이에요. 매번 새 프로젝트를 만들 때마다 Next.js 설정하고, Tailwind 잡고, shadcn/ui 세팅하고… 이 반복 작업을 스타터킷 하나로 건너뛸 수 있는 거죠.

활용 방식은 간단합니다. 새 프로젝트를 시작할 때 스타터킷 레포를 복사(clone)해서 바로 개발에 들어가면 돼요. 기술 스택이나 폴더 구조, 환경설정이 이미 잡혀 있으니 초기 세팅에 시간을 쓰지 않고 핵심 기능 개발에 바로 집중할 수 있습니다.

그리고 강의 후반부에서 이 스타터킷을 기반으로 실제 프로젝트를 진행하는 과정이 있으니, 계속 수강하시면 자연스럽게 활용 흐름을 체감하실 수 있을 거예요 🙂

참고로 Next.js는 서버 사이드 렌더링이 포함되어 있어서 GitHub Pages 같은 정적 호스팅으로는 배포가 어렵고, Vercel로 배포하신 게 맞는 방법입니다 👍

감사합니다 🙏

noah님의 프로필 이미지
noah

작성한 질문수

질문하기