Express.js 기초 튜토리얼

Express.js는 Node.js 웹 애플리케이션을 빠르고 간편하게 만들 수 있는 웹 프레임워크입니다. 이 튜토리얼에서는 Express.js를 사용하여 간단한 웹 애플리케이션을 만드는 과정을 안내하겠습니다. 시작해봅시다!

1. Express 설치

먼저, Express를 설치해야 합니다. 다음 명령어를 사용하여 프로젝트 폴더에서 Express를 설치합니다.

 

bash

npm install express

 

 

2. 기본 앱 설정

Express 앱을 초기화하고 기본적인 설정을 해봅시다.

 

javascript

// app.js 파일 생성
const express = require('express');
const app = express();
const port = 3000;

// 루트 경로에 대한 응답
app.get('/', (req, res) => {
  res.send('Express.js 기초 튜토리얼에 오신 것을 환영합니다!');
});

// 서버 시작
app.listen(port, () => {
  console.log(`서버가 http://localhost:${port} 에서 실행 중입니다.`);
});

 

3. 서버 실행

터미널에서 다음 명령어로 서버를 실행합니다.

 

bash

node app.js

 

브라우저에서 http://localhost:3000으로 접속하면 "Express.js 기초 튜토리얼에 오신 것을 환영합니다!"라는 메시지를 볼 수 있습니다.

 

4. 라우팅 추가

라우팅을 사용하여 여러 경로에 대한 응답을 정의할 수 있습니다.

 

javascript

// 새로운 라우트 추가
app.get('/about', (req, res) => {
  res.send('이 앱은 Express.js를 사용하여 만들어졌습니다.');
});

 

브라우저에서 http://localhost:3000/about으로 접속하면 "이 앱은 Express.js를 사용하여 만들어졌습니다."라는 메시지를 볼 수 있습니다.

 

5. 정적 파일 제공

Express를 사용하여 정적 파일을 제공하는 방법도 알아봅시다.

 

javascript

// public 폴더의 파일들을 정적으로 제공
app.use(express.static('public'));

 

이제 public 폴더 안에 있는 파일들은 브라우저에서 접근 가능합니다.