[EXPRESS] 📚 익스프레스 설치 & 사용해보기

...

본 강좌는 Node.js강의를 선행 학습 하셔야 합니다.

'FRAMEWORK ⚙️/Node.js' 카테고리의 글 목록

기술블로그를 운영하고 있습니다.

inpa.tistory.com

express 프레임워크

express는 경량화 웹 개발 프레임 워크로, 노드를 이용한 웹 서비스나 웹 애플리케이션 개발에 가장 널리 쓰이는 확장 모듈 중 하나이다.

express는 기본 모듈 중 하나인 http 모듈을 이용하여 웹 서버를 구축하고 데이터를 표시하는 방식을 좀 더 추상화하여 웹 서비스나 웹 애플리케이션 개발을 더 편리하고 수월하게 할 수 있도록 다양한 API를 제공한다.

Node.js에서의 구현과 동일하게 이벤트 처리를 통합해 가는 기본적인 개발 스타일은 변함이 없지만, 준비되어 있는 다양한 객체를 통해 쉽게 필요한 처리를 만들 수 있다.

express 설치

> npm install -D express

express 실행

<html>
<head>
  <meta charset="UTF-8" />
  <title>익스프레스 서버</title>
</head>
<body>
  <h1>익스프레스</h1>
  <p>배워봅시다.</p>
</body>
</html>

const express = require('express');
const path = require('path');

const app = express();

// 서버가 실행될 포트 지정. 
// port라는 속성에 포트번호를 설정. 일종의 서버에 전역변수를 정의한거라 생각하면 된다.
app.set('port', process.env.PORT || 3000); // process.env는 시스템 환경변수

// get요청이 올때 동작 지정
app.get('/', (req, res) => { 

  // res.send('Hello, Express');

  // http모듈 쓸때는, readFile해서 그 리턴값을 res.end()에 넘겼는데, express는 한번에 가능
  // 경로 처리를 확실히 하기위해 path모듈 사용
  res.sendFile(path.join(__dirname, '/index.html'));
});

// 기존에는 분기문으로 req.method로 일일히 처리했어야 하는데, express는 단축 메소드를 지원
app.get('/about', (req, res) => {
  ...
}

app.post('/', (req, res) => {
  ...
}

// 몇번 포트에서 서버를 실행할지 지정
// 위에서 지정한 port 전역변수를 get불러와서 사용
app.listen(app.get('port'), () => {
  console.log(app.get('port'), '번 포트에서 대기 중');
});