[ React 블로그 개발 ] 8. Node.js + Express 세팅하기
2025-09-12
Node.js + Express 설치 및 시작 가이드
1. Express란?
Express는 Node.js 환경에서 가장 널리 사용되는 웹 프레임워크입니다. 간단한 API 서버부터 대규모 서비스까지 빠르고 유연하게 구축할 수 있습니다.
- 라우팅, 미들웨어, 에러 처리 등 웹 서버 개발에 필요한 기능 제공
- Node.js 표준 모듈보다 코드가 간결하고 유지보수에 유리
2. 사전 준비
- Node.js 설치: 공식 홈페이지에서 최신 LTS 버전 설치
- npm(Node Package Manager)은 Node.js 설치 시 자동 포함됨
3. Express 설치 방법
3.1. 프로젝트 폴더 생성 및 진입
mkdir my-express-app
cd my-express-app
3.2. npm 초기화
npm init -y
package.json파일이 생성되어 프로젝트 관리를 쉽게 해줍니다.
3.3. Express 설치
npm install express
node_modules폴더와package-lock.json이 생성되고, Express가 프로젝트에 추가됩니다.
4. Express 기본 서버 코드 작성
- 프로젝트 폴더에
index.js파일 생성 - 아래와 같이 입력
const express = require('express');
const app = express();
const PORT = 3000;
app.get('/', (req, res) => {
res.send('Hello, Express!');
});
app.listen(PORT, () => {
console.log(`Server is running at http://localhost:${PORT}`);
});
5. 서버 실행
node index.js
- 터미널에 "Server is running at http://localhost:3000" 메시지가 출력됨
- 브라우저에서 http://localhost:3000 접속 → "Hello, Express!" 확인
6. 개발 편의를 위한 nodemon 설치 (선택)
코드 변경 시 자동으로 서버를 재시작해주는 툴입니다.
npm install --save-dev nodemon
package.json의 scripts 항목에 아래를 추가:
"scripts": {
"start": "node index.js",
"dev": "nodemon index.js"
}
이제 개발 중에는 아래 명령어로 실행:
npm run dev
- 완료하면 아래와 같은 이미지처럼 나옵니다.
