1. express

2. Installation

$ npm install express

3. express 서버 생성

const express = require('express');
const app = express();
const port = 3000

// 라우터
app.get('/', (req, res) => {
  res.send('Hello');
});

// 현재 사용하는 서버포트 확인
app.listen(port, () => {
  console.log(`listening ${port}`);
});

4. Router

app.METHOD(PATH, HANDLER)

• app : express
• Method : HTTP request method
  • get
  • post
  • update
  • delete
  • put
  • 등
• PATH : 서버 경로
• HANDLER : 경로 일치 시 실행되는 함수

라우터는 폴더를 따로 만들어주는게 좋음

4-1. Router Example

app.get('/', function(req, res) {
  res.send('Hello World!');
});

5. Static

이미지, CSS 파일 및 JS 파일과 같은 정적 파일을 사용하려면 Express에 내장된express.static 미들웨어를 사용해야한다.

express.static(root, [option])

5-1. Static Example

app.use(express.static('public'));

• public 디렉토리에 있는 파일을 로드할 수 있다.
• public은 정적폴더로 css, 이미지, js 파일 등이 들어있다.
• 여러개의 정적 디렉토리를 사용하려면 express.static 미들웨어를 여러번 호출하면 된다.
• 경로예시
  • http://localhost:3000/images/horse.jpg
  • http://localhost:3000/css/style.css
  • http://localhost:3000/js/app.js
  • http://localhost:3000/index.html

5-2. 경로가 없는 정적 디렉토리 파일 로드

app.use('/static', express.static('public'));

• express.static 함수에서 제공하는 파일에 대한 경로가 없을 시에 가상 경로 접두사/static을 지정한다.
• 경로예시
  • http://localhost:3000/static/images/horse.jpg
  • http://localhost:3000/static/css/style.css
  • http://localhost:3000/static/js/app.js
  • http://localhost:3000/static/index.html

5-3. 다른 디렉토리 express 앱 실행 시 절대경로

app.use('/static', express.static(path.join(__dirname, 'public')));

• 다른 디렉토리에서 express 앱을 실행 할 때에는 절대경로를 사용하는 것이 좋다.