작성한 질문수 4

0

안녕하세요! 🙂

해당 화면은 npx create-next-app@latest 명령어로 Next.js 프로젝트를 생성하신 것으로 보이는데요, 강의 촬영 이후 Next.js가 업데이트되면서 프로젝트 생성 시 질문 형식이 달라진거예요. 매우 자연스러운 현상입니다.

이전에는 src 디렉토리, TypeScript, ESLint 등 각 옵션을 하나씩 물어봤지만, 버전에 따라 질문이 간소화되거나 한 번에 권장 설정으로 진행되기도 해요. Next.js가 업데이트될 때마다 이 부분이 조금씩 최적화되고 있어서, 강의와 화면이 다르게 보이는거예요

프로젝트가 정상적으로 생성되었다면 문제없이 진행하시면 돼요 👍

감사합니다 🙂

0

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

스타터킷 설정과 관련된 혼란에 대해 안내드리겠습니다. Next.js를 사용하여 프로젝트를 초기화 할 때 강의에서 보여주는 과정과 실제로 실행할 때의 차이가 발생할 수 있는 주 원인은 주로 Next.js의 버전 차이 및 Tooling 설정 옵션에 기인합니다.

차이 발생 원인

1. Next.js 버전 차이:

   • 강의와 현재 Next.js 버전의 차이로 인해 프로젝트 초기화 시 제공되는 옵션들이 달라질 수 있습니다. 새로운 버전에서는 디폴트 설정이나 자동화된 프로세스가 추가되는 경우가 많습니다.
     

2. CLI Tool 의 변화:

   • 최신 버전의 Next.js CLI는 초기 설정 과정에서 많은 부분을 자동으로 처리하며 사용자에게 설치 여부를 묻는 질문도 줄어들 수 있습니다. 이는 사용자 경험을 개선하기 위한 업데이트일 수 있습니다.
     

3. 템플릿 기능 차이:

   • 템플릿이나 스타터킷에 따라 초기 설정 과정에서 제공되는 옵션이 다를 수 있으며, 특정 템플릿은 기본적으로 src 디렉토리 구조를 사용하지 않을 수 있습니다.
     

해결 방법

• 강의와 동일한 환경에서 작업하려면:
  
  • 강의에서 사용한 버전의 Next.js, Node.js 및 관련 라이브러리를 동일하게 설정하는 방법이 있습니다.
    
  • 필요 시, package.json의 버전을 참고하여 특정 버전을 지정한 후 설치하는 방법을 고려해보세요.
    

추가 자료 및 참고

관련 문제 해결 사례와 Next.js 설정에 대한 더 많은 정보를 확인하시려면 아래의 사이트를 참고할 수 있습니다:

• Next.js 설치 과정과 관련된 최신 정보 링크
  

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