강의

멘토링

로드맵

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

noah님의 프로필 이미지
noah

작성한 질문수

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

Playwright MCP란? - 오류 해결하기

스타터킷 사용방법

작성

·

70

·

수정됨

0

안녕하세요.

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

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

 

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

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

image.png

 

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

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

감사합니다

 

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

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

 

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

퀴즈

강의에서 AI 코드 대신 공식 문서로 기술 스택을 설치하는 이유로 강조한 것은 무엇일까요?

AI 코드는 항상 복잡한 코드를 생성합니다.

AI 코드는 구식 버전이나 비효율적인 설정을 만들 수 있습니다.

공식 문서는 AI보다 설정 속도가 빠릅니다.

공식 문서만 Next.js를 설치할 수 있습니다.

답변 1

1

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

안녕하세요! 😊

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

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

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

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

감사합니다 🙏

noah님의 프로필 이미지
noah

작성한 질문수

질문하기