스타터킷이 로컬호스트로 접속해서 웹화면으로 구현되어야 하는 이유가 뭔가요?

Question

제가 이해한 바로는 스타터킷을 구조 잡아놓으면 다른 프로젝트할때도 그대로 복붙해서 그 방식대로 개발하는거 아닌가요? 왜 강의에서는 이걸 웹사이트로 만들고 ui까지 개선하는걸가요?

제 무지한 이해력으로는 이해가 안갑니다..

gymcoding · Answer

안녕하세요! 🙂
전혀 무지한 질문 아니에요. 이해하신 게 맞습니다. 스타터킷은 한 번 구조를 잡아두고 다음 프로젝트를 시작할 때 그대로 가져다 쓰는 템플릿이에요.
그런데 강의에서 만드는 스타터킷은 Next.js 웹 프로젝트예요. 웹 프로젝트는 실행하면 브라우저에서 localhost 로 화면이 뜨는 게 정상이라, 구조만 잡아두는 게 아니라 실제로 잘 돌아가는지 화면으로 확인하는 거예요.
UI까지 다듬는 이유도 같아요. 로그인 페이지나 레이아웃처럼 대부분의 프로젝트에서 공통으로 쓰는 화면을 미리 만들어 두면, 다음 프로젝트에서는 그 부분을 건너뛰고 바로 핵심 기능 개발에 들어갈 수 있거든요. 실무에서도 회사마다 이런 스타터킷을 만들어 쓰는 경우가 많아요.
그리고 이 과정 자체가 클로드 코드로 탐색, 계획, 구현을 연습하는 실습 소재이기도 합니다. 결과 화면이 제 것과 똑같지 않아도 괜찮아요 😊
감사합니다 🙏

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 김준서님. 스타터킷은 웹사이트 자체를 사용자에게 제공하기 위한 결과물이라기보다, 새 프로젝트를 시작할 때 재사용하는 개발 템플릿 입니다. 프로젝트 구조와 기술 스택, 기본 UI 등을 미리 구성해두면 다음 프로젝트에서 저장소를 복사하거나 클론해 초기 설정을 반복하지 않고 바로 핵심 기능 개발에 들어갈 수 있습니다. 강의에서 웹사이트와 UI를 만드는 것은 스타터킷에 실제 화면과 공통 요소를 구성해두고, 이후 프로젝트에서 재사용할 수 있는 형태로 완성하기 위한 과정입니다. 따라서 웹 화면을 만드는 것 자체가 목적이라기보다, 향후 프로젝트의 출발점으로 쓸 수 있는 실용적인 템플릿을 만드는 데 의미가 있습니다. 관련 답변도 참고해 보세요. Starter Kit을 만드는 이유가뭔가요? — 스타터킷의 목적과 앞으로 프로젝트에서 활용하는 방식에 대한 설명입니다. 스타터킷 사용방법 — 스타터킷을 새 프로젝트에서 복사하거나 클론해 활용하는 방법에 대한 설명입니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.