Node.js 설치

Next.js는 Node.js 환경에서 실행됩니다. Node.js 22 LTS 버전을 설치합니다.

Node.js 공식 사이트(nodejs.org)에서 LTS 버전을 다운로드하여 설치합니다. 설치 후 터미널에서 버전을 확인합니다.

node --version# v22.x.xnpm --version# 10.x.x```text버전 관리 도구를 선호한다면 `nvm`(macOS/Linux) 또는 `nvm-windows`를 사용해도 좋습니다.```bash# nvm으로 설치하는 경우nvm install 22nvm use 22```text## VS Code 설치Visual Studio Code는 Next.js 개발에 가장 널리 사용되는 에디터입니다. code.visualstudio.com에서 다운로드합니다.설치 후 다음 확장 프로그램을 추가하면 개발이 편해집니다.| 확장 프로그램 | 역할 ||-------------|------|| ESLint | 코드 품질 검사 || Prettier | 코드 자동 정렬 || Tailwind CSS IntelliSense | TailwindCSS 자동완성 || Prisma | Prisma 스키마 문법 강조 |## VS Code 기본 설정저장 시 자동 포맷팅이 되도록 설정합니다. `Ctrl+Shift+P` (macOS: `Cmd+Shift+P`)를 누르고 `Open User Settings (JSON)`을 선택합니다.```json{  "editor.formatOnSave": true,  "editor.defaultFormatter": "esbenp.prettier-vscode",  "[typescriptreact]": {    "editor.defaultFormatter": "esbenp.prettier-vscode"  }}

이제 파일을 저장할 때마다 코드가 자동으로 정렬됩니다.

다음 챕터에서는 첫 Next.js 프로젝트를 만들어봅니다.