Node.js는 JavaScript를 웹 브라우저 밖에서도 실행할 수 있게 해주는 실행 환경(Runtime Environment)
– Google 에서 개발
– 서버 프로그램, API, 파일 처리, 데이터베이스 연동 등도 JavaScript로 개발
Node.js는 다음과 같은 작업에 사용됩니다.
- 웹 서버 및 REST API 개발
- SQL Server, MySQL 등 데이터베이스 연동
- 파일 읽기, 저장, 로그 처리
- 실시간 채팅 및 WebSocket 서버
- React, Vite 같은 프런트엔드 개발 도구 실행
Node.js 간단한 예제
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
const http = require('node:http'); const server = http.createServer((req, res) => { res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' }); res.end('안녕하세요. Node.js 서버입니다.'); }); server.listen(3000, () => { console.log('서버 실행: http://localhost:3000'); }); |
CMD에서 실행합니다.
node server.js
브라우저에서 http://localhost:3000에 접속하면 다음 내용이 표시됩니다.
|
1 2 3 |
안녕하세요. Node.js 서버입니다. |
Node.js, npm, Vite의 차이
Node.js: 실행 환경
- 브라우저 밖에서 JavaScript를 실행할 수 있게 해주는 런타임입니다.
- 서버 개발에도 쓰이지만, 프론트엔드 개발 도구(빌드, 개발 서버 등)도 대부분 Node.js 위에서 돌아갑니다.
- 예:
node app.js
npm: 패키지 관리자
- Node.js를 설치하면 함께 설치되는 도구입니다.
- 라이브러리(React, Angular 등)를 내려받고, 프로젝트의 의존성을 관리하고, 스크립트를 실행합니다.
- 예:
npm install react,npm run dev - 비슷한 도구로 yarn, pnpm이 있습니다.
Vite: 빌드 도구 / 개발 서버
- 프론트엔드 프로젝트를 개발하고 빌드하는 도구입니다.
- 개발 중에는 코드를 수정하면 브라우저에 바로 반영해 주는 빠른 개발 서버를 제공하고, 배포할 때는 파일을 묶고 최적화해 줍니다.
- React, Vue, Svelte 등 여러 프레임워크에서 쓰입니다.
- 예:
npm create vite@latest my-app
| 무엇인가 | 역할 | |
|---|---|---|
| Node.js | 런타임 | JavaScript 실행 |
| npm | 패키지 관리자 | 라이브러리 설치·관리 |
| Vite | 빌드 도구 | 개발 서버, 번들링 |
관계
Node.js가 바탕이 되고, 그 위에서 npm으로 Vite 같은 도구를 설치해 쓰는 구조입니다.
bash
node -v # Node.js 확인
npm create vite@latest app # npm으로 Vite 프로젝트 생성
cd app
npm install # 의존성 설치
npm run dev # Vite 개발 서버 실행참고
- Angular는 Vite 대신 자체 Angular CLI로 프로젝트를 만들고 빌드합니다. 다만 Angular CLI도 Node.js와 npm이 필요합니다.
- Next.js 같은 프레임워크는 자체 빌드 시스템을 사용해 Vite 없이도 동작합니다.