공식문서

개발자가 알아야 할 중요한 습관 중 하나는 공식 문서를 참고하는 것입니다.

1. 강의 촬영 시점과 현재의 기술 스택 버전이 다를 수 있습니다
2. 특히 프로젝트 초기 설정 시에는 최신 설치 방법과 요구사항을 반드시 확인해야 합니다
3. 공식 문서를 통해 최신 기능과 변경사항을 놓치지 않을 수 있습니다

따라서 Next.js 프로젝트를 시작하기 전에 항상 공식 문서(nextjs.org/docs)를 먼저 확인하는 습관을 들이는 것이 좋습니다. 이는 프로젝트의 안정성과 최신 기술 동향을 놓치지 않는 좋은 개발 습관이 될 것입니다.

Getting Started: Installation

Next.js 프로젝트 구성 (자동)

create-next-app을 사용한 새 Next.js 앱 생성을 추천합니다. 모든 설정이 자동으로 이루어집니다. 프로젝트 생성 명령어:

npx create-next-app@latest # 최신 버전 설치

npx [email protected] # 강의시 최신 버전 (권장)

npx [email protected] ./ # 현재 디렉토리를 프로젝트로 설정

설치 시 다음과 같은 프롬프트가 표시됩니다:

✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ Would you like your code inside a `src/` directory? … No / Yes
✔ Would you like to use App Router? (recommended) … No / Yes
✔ Would you like to use Turbopack for `next dev`? … No / Yes
✔ Would you like to customize the import alias (`@/*` by default)? … No / Yes

• Next.js 프로젝트 설정 옵션 설명:

<aside> 💡

보안 이슈 안정화 버전 관련

</aside>

개발서버 실행하기