TIL 15일차 - 2) Express.js 를 이용한 백엔드 서버 개발

Express.js는 Node.js로 서버를 빠르고 간편하게 만들 수 있는 대표적인 웹 프레임워크이다.

웹 프레임워크란?

서버를 구축하는데 모든 기능을 다 직접 만드는 것이 아닌 만들어진 틀을 제공 해주는 것으로 서버를 제작하는데 걸리는 시간을 쉽게 제작할 수 있다.

Express.js의 가장 큰 특징 중 하나는 미들웨어 기능을 제공한다는 것이다.

● 미들웨어기능

미들웨어란 사용자의 요청과 응답사이의 위치하여 인증요청시 해당 인증의 권한이 맞는지 체크하는 기능이다.

인증, 로깅, 에러 처리등을 담당한다.

 

●node.js에서 오래 사용된 프레임워크이므로 정보를 많이 받을 수있다.

 

express.js는 웹서버 그자체가 아니고 웹서버를 구현하는데 도움을 주는 도구이다. 웹서버 와 웹프레임워크 같다고 생각 X

 

Express.js 로 백엔드 서버구축

 

1) vs코드를 실행한후 폴더를 만든 뒤 폴더를 열고 터미널을 연뒤 yarn init -y로 yarn 초기 세팅을 해준다

yarn init -y 는 가장 기본적인 세팅으로 초기화 하겠다는 의미한다.

 

2)JS파일 제작

js파일 까지 제작한다면 다음과 같은 화면이 나온다.

 

3)json 모듈 변경

{
  "name": "spa-shop",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "type": "module"
}

package.json 파일을 다음과 같이 "type" : "module"로 설정해준다.

 

4)Express 설치

yarn add express를 터미널에 작성하여 express.js를 설치해준다.

그럼 다음과 같은 결과를 얻을수 있다.

 

5)js파일에 코드 추가

추가한 js파일에 서버작동 확인을 위한 코드를 추가한다.

// app.js

import express from 'express';

const app = express();
const PORT = 3000;

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

app.listen(PORT, () => {
  console.log(PORT, '포트로 서버가 열렸어요!');
});

 

6) 서버 실행

내가 만든 서버의 실행을 확인하기 위해 터미널에 제작한 서버.js(예제의 경우 app.js임)

node app.js를 실행하여 실행 결과를 확인한다.

node 의 서버 포트가 이미 실행되어있다고 한다면 터미널에 killall node를 쳐서 서버포트를 지우고 다시 실행한다.

 

7)확인

서버가 정상적으로 열렸다면 확인을 위해 웹브라우저 주소창에

localhost:3000 을 쳐주면 아래와 같은 결과를 확인할 수 있다.