1. Node.js 설치하기
Node.js 공식 사이트에서 LTS(Long Term Support) 버전을 설치하는 것을 권장합니다.
설치가 끝나면 터미널(명령 프롬프트 또는 PowerShell)을 열어 아래 명령어를 입력합니다.
node -v
예시
v22.17.0
버전이 출력되면 정상 설치된 것입니다.
2. npm 확인하기
Node.js를 설치하면 npm(Node Package Manager)도 함께 설치됩니다.
버전을 확인합니다.
npm -v
예시
11.5.2
3. npm이란?
npm은
라이브러리 설치
삭제
업데이트
를 쉽게 해주는 프로그램입니다.
예를 들어
npm install express
라고 입력하면 Express가 자동으로 설치됩니다.
4. Visual Studio Code 설치
Node.js 개발은 대부분 Visual Studio Code(VS Code)를 사용합니다.
추천 확장 프로그램
ESLint
Prettier
Live Server
Material Icon Theme
Auto Rename Tag
Path Intellisense
5. 프로젝트 폴더 만들기
예를 들어
NodeStudy
폴더를 만듭니다.
구조
NodeStudy
6. VS Code에서 열기
VS Code 실행
File
↓
Open Folder
↓
NodeStudy 선택
7. 터미널 열기
VS Code에서
Terminal
↓
New Terminal
또는
Ctrl + `
(백틱)
8. package.json 만들기
터미널에서 입력
npm init
질문이 여러 개 나오는데 하나씩 입력하거나,
간단하게 생성하려면
npm init -y
를 입력합니다.
9. 생성되는 파일
프로젝트가 다음과 같이 변경됩니다.
NodeStudy
│
└── package.json
10. package.json이란?
프로젝트 정보를 저장하는 파일입니다.
예시
{
"name": "nodestudy",
"version": "1.0.0",
"main": "index.js"
}
11. index.js 만들기
프로젝트 안에
index.js
파일을 만듭니다.
현재 구조
NodeStudy
│
├── index.js
└── package.json
12. 첫 번째 Node.js 코드
console.log("Hello Node.js!");
13. 실행하기
터미널에서
node index.js
실행 결과
Hello Node.js!
14. 파일 수정 후 다시 실행
console.log("안녕하세요.");
console.log("Node.js 공부 시작!");
실행
node index.js
결과
안녕하세요.
Node.js 공부 시작!
15. nodemon 설치
파일을 수정할 때마다
node index.js
를 반복해서 실행하는 것은 번거롭습니다.
자동으로 재실행해 주는 프로그램이 nodemon입니다.
설치
npm install -g nodemon
16. nodemon 실행
nodemon index.js
파일을 저장할 때마다 자동으로 다시 실행됩니다.
17. 프로젝트 구조
NodeStudy
│
├── index.js
├── package.json
└── package-lock.json
18. 실습 1
다음 코드를 작성해 보세요.
console.log("이름 : 홍길동");
console.log("나이 : 30");
console.log("직업 : 개발자");
19. 실습 2
사칙연산 결과를 출력해 보세요.
console.log(10 + 20);
console.log(30 - 5);
console.log(10 * 3);
console.log(20 / 4);
20. 실습 3
변수를 사용해 출력해 보세요.
const name = "커사맨";
const age = 50;
console.log(name);
console.log(age);
이번 강의 핵심 정리
node -v : Node.js 버전 확인
npm -v : npm 버전 확인
npm init -y : package.json 생성
node index.js : 프로그램 실행
nodemon index.js : 자동 재실행
index.js : Node.js 프로그램의 시작 파일
package.json : 프로젝트 정보와 의존성을 관리하는 파일
실습 체크리스트
아래 항목을 모두 완료하면 다음 강의로 넘어갈 준비가 된 것입니다.
✅ Node.js 설치 완료
✅ npm 정상 동작 확인
✅ VS Code에서 프로젝트 열기
✅ package.json 생성
✅ index.js 작성
✅ node index.js 실행 성공
✅ nodemon 설치 및 자동 실행 확인
Node.js 공식 사이트에서 LTS(Long Term Support) 버전을 설치하는 것을 권장합니다.
설치가 끝나면 터미널(명령 프롬프트 또는 PowerShell)을 열어 아래 명령어를 입력합니다.
node -v
예시
v22.17.0
버전이 출력되면 정상 설치된 것입니다.
2. npm 확인하기
Node.js를 설치하면 npm(Node Package Manager)도 함께 설치됩니다.
버전을 확인합니다.
npm -v
예시
11.5.2
3. npm이란?
npm은
라이브러리 설치
삭제
업데이트
를 쉽게 해주는 프로그램입니다.
예를 들어
npm install express
라고 입력하면 Express가 자동으로 설치됩니다.
4. Visual Studio Code 설치
Node.js 개발은 대부분 Visual Studio Code(VS Code)를 사용합니다.
추천 확장 프로그램
ESLint
Prettier
Live Server
Material Icon Theme
Auto Rename Tag
Path Intellisense
5. 프로젝트 폴더 만들기
예를 들어
NodeStudy
폴더를 만듭니다.
구조
NodeStudy
6. VS Code에서 열기
VS Code 실행
File
↓
Open Folder
↓
NodeStudy 선택
7. 터미널 열기
VS Code에서
Terminal
↓
New Terminal
또는
Ctrl + `
(백틱)
8. package.json 만들기
터미널에서 입력
npm init
질문이 여러 개 나오는데 하나씩 입력하거나,
간단하게 생성하려면
npm init -y
를 입력합니다.
9. 생성되는 파일
프로젝트가 다음과 같이 변경됩니다.
NodeStudy
│
└── package.json
10. package.json이란?
프로젝트 정보를 저장하는 파일입니다.
예시
{
"name": "nodestudy",
"version": "1.0.0",
"main": "index.js"
}
11. index.js 만들기
프로젝트 안에
index.js
파일을 만듭니다.
현재 구조
NodeStudy
│
├── index.js
└── package.json
12. 첫 번째 Node.js 코드
console.log("Hello Node.js!");
13. 실행하기
터미널에서
node index.js
실행 결과
Hello Node.js!
14. 파일 수정 후 다시 실행
console.log("안녕하세요.");
console.log("Node.js 공부 시작!");
실행
node index.js
결과
안녕하세요.
Node.js 공부 시작!
15. nodemon 설치
파일을 수정할 때마다
node index.js
를 반복해서 실행하는 것은 번거롭습니다.
자동으로 재실행해 주는 프로그램이 nodemon입니다.
설치
npm install -g nodemon
16. nodemon 실행
nodemon index.js
파일을 저장할 때마다 자동으로 다시 실행됩니다.
17. 프로젝트 구조
NodeStudy
│
├── index.js
├── package.json
└── package-lock.json
18. 실습 1
다음 코드를 작성해 보세요.
console.log("이름 : 홍길동");
console.log("나이 : 30");
console.log("직업 : 개발자");
19. 실습 2
사칙연산 결과를 출력해 보세요.
console.log(10 + 20);
console.log(30 - 5);
console.log(10 * 3);
console.log(20 / 4);
20. 실습 3
변수를 사용해 출력해 보세요.
const name = "커사맨";
const age = 50;
console.log(name);
console.log(age);
이번 강의 핵심 정리
node -v : Node.js 버전 확인
npm -v : npm 버전 확인
npm init -y : package.json 생성
node index.js : 프로그램 실행
nodemon index.js : 자동 재실행
index.js : Node.js 프로그램의 시작 파일
package.json : 프로젝트 정보와 의존성을 관리하는 파일
실습 체크리스트
아래 항목을 모두 완료하면 다음 강의로 넘어갈 준비가 된 것입니다.
✅ Node.js 설치 완료
✅ npm 정상 동작 확인
✅ VS Code에서 프로젝트 열기
✅ package.json 생성
✅ index.js 작성
✅ node index.js 실행 성공
✅ nodemon 설치 및 자동 실행 확인
#2강. Node.js 설치 및 개발 환경 구축