본문으로 바로가기
리옵트 핸드북
리옵트 핸드북
Windows 바이브코딩 초기 세팅

환경 준비

시작하기 전에Git 설치Node.js 설치VS Code 설치

Claude Code

Claude Code 설치Claude Code 인증

프로젝트 시작

Next.js 프로젝트 생성Next.js AI 세팅Claude Code 첫 실행CLAUDE.md 설정

트러블슈팅
핸드북›Windows 바이브코딩 세팅›Node.js 설치

Node.js 설치

nodejs.org에서 Node.js LTS를 설치해 Next.js 실행에 필요한 20.9 이상 조건을 충족하고, node·npm 버전 확인과 함께 npm·npx의 역할까지 이해합니다.

핵심 요약

  • Next.js 공식 설치 문서는 Node.js 20.9 이상을 요구하며, 최신 LTS를 설치하면 이 조건을 충족합니다(2026-05-14 기준 24.15.0 "Krypton").
  • nodejs.org에서 Current가 아닌 LTS 버전의 .msi를 받아 기본값(Next)으로 설치합니다.
  • 설치 후 새 PowerShell에서 node --version과 npm --version이 모두 버전 번호를 보이면 정상입니다.
  • 명령을 못 찾으면 PowerShell을 새로 열거나 재부팅하고, 버전이 v20.9.0 미만이면 최신 LTS를 다시 설치합니다.
  • Node.js를 설치하면 라이브러리 관리 도구 npm과, 나중에 프로젝트 생성에 쓰는 npx가 함께 설치됩니다.

Node.js(노드제이에스)는 JavaScript를 컴퓨터에서 실행할 수 있게 해주는 환경입니다. Next.js 프로젝트를 만들고 실행하려면 Node.js가 필요합니다.

Node.js LTS 다운로드

Next.js 공식 설치 문서는 Node.js 20.9 이상을 요구합니다. 처음 설치한다면 최신 LTS를 선택하면 이 조건을 만족합니다.

공식 사이트 접속

웹 브라우저에서 nodejs.org에 접속합니다.

LTS 버전 다운로드

메인 페이지에 표시된 LTS(Long Term Support) 버전의 다운로드 버튼을 클릭합니다.

설치 실행

다운로드된 .msi 파일을 실행합니다. 설치 마법사가 나타나면 기본값(Next)을 그대로 유지하며 진행합니다.

설치 완료

Install 버튼을 클릭하고 설치가 완료될 때까지 기다립니다.

LTS vs Current

  • LTS(추천): 안정적인 장기 지원 버전. 대부분의 프로젝트에 적합합니다. 2026-05-14 기준 최신 LTS는 24.15.0 "Krypton" 입니다
  • Current: 최신 기능이 포함되어 있지만 불안정할 수 있습니다

처음 시작하신다면 반드시 LTS 버전을 선택하세요.

설치 확인

PowerShell을 새로 열고 아래 명령어를 각각 입력합니다:

node --version
v24.15.0
npm --version
버전 번호가 표시됨

node와 npm 둘 다 버전 번호가 나오면 제대로 설치된 겁니다. 정확한 숫자는 설치 시점에 따라 달라집니다.

버전 기준

node --version이 v20.9.0보다 낮으면 Next.js 최신 버전을 실행할 수 없습니다. Node.js 공식 사이트에서 최신 LTS를 다시 설치하세요.

명령어를 찾을 수 없다고 나올 때

PowerShell을 닫고 새로 열어보세요. 설치 직후에는 환경 변수가 갱신되지 않아 기존 PowerShell 창에서는 인식되지 않을 수 있습니다. 새 PowerShell에서도 안 되면 컴퓨터를 재시작하세요.

npm이란?

Node.js를 설치하면 npm(Node Package Manager)이 함께 설치됩니다. npm은 다른 사람이 만든 코드 라이브러리를 쉽게 다운로드하고 관리하는 도구입니다.

나중에 Next.js 프로젝트를 만들 때 npx 명령어를 사용하게 되는데, 이것도 npm과 함께 설치됩니다.


참고 자료

  1. Node.js 공식 사이트
  2. Node.js 다운로드 (LTS)
  3. Node.js 릴리스 일정
  4. npm 공식 문서
  5. npm 시작 가이드
  6. Node.js와 npm 설치

관련 문서

트러블슈팅

PowerShell 실행 정책, PATH 인식 실패, claude 명령 누락, 포트 3000 충돌, Next.js MCP 연결 등 Windows 바이브코딩 세팅에서 자주 막히는 문제의 증상과 해결법을 모았습니다.

Ch5. Next.js App Router 엔터프라이즈 패턴

엔터프라이즈 프로젝트 설계 · Multi-zone, Cache Components, Proxy, Server Actions, Route Handlers, 런타임 선택

Claude Code 설치

PowerShell 한 줄 네이티브 설치(irm install.ps1)로 Claude Code를 설치하고, ExecutionPolicy·PATH 문제를 해결하며 claude doctor로 환경을 점검합니다.

Ch1. 설치/업데이트

OpenCode 고급 활용 · macOS/Linux/Windows/컨테이너별 설치 채널, 설치 경로 우선순위, Bun·Node.js 런타임 지원, opencode upgrade와 v1.3.0 대화형 업데이트, 팀 버전 핀 표준화를 다룹니다.

버전·설치·런타임 기준

DuckDB 고급 활용 · DuckDB current, LTS, CLI, Python client, extension 버전을 분석 운영 기준선으로 고정합니다.

Git 설치

코드 변경 이력을 관리하는 Git for Windows를 gitforwindows.org에서 설치하고, git --version으로 확인하며 Claude Code가 활용하는 Git Bash까지 함께 갖춥니다.

VS Code 설치

코드 에디터 Visual Studio Code를 설치하고 기본 설정합니다

On this page

Node.js LTS 다운로드공식 사이트 접속LTS 버전 다운로드설치 실행설치 완료설치 확인npm이란?참고 자료