Middleware란?

justindevcode·2022년 9월 13일

web

부가기술

목록 보기

2/6

Middleware란?

미들웨어는 운영 체제와 해당 운영 체제에서 실행되는 응용 프로그램 사이에 존재하는 소프트웨어 기본적으로 숨겨진 변환 계층으로 기능하는 미들웨어는 분산 응용 프로그램의 통신 및 데이터 관리를 가능하게 한다.

간단한 예시로 Middleware를 알아보자

예시1

const express = require("express");
const server = express();

server.use((req,res,next => {
  req.user = {
    id: "1234",
  };
  next();
});

server.get("/", (req, res) => {
  console.log(req.user);
  res.sendFile(__dirname + "/index.html");
});

server.get("/about", (req, res) => {
  res.sendFile(__dirname + "/about.html");
});


server.listen(3000, (err) => {
  if (err) return console.log(err);
  console.log("The server is listening on port 3000");
});

위와같이 NodeJS를 작성하면 서버가 실행되고 localhost:3000 으로 들어갔을때 server.get("/", ... /index.html을 열기전에 무조건 server.use를 지나오게 된다. 따라서 콘솔창에 id: "1234",가 보이게 되는데 이처럼 요청이 들어와서 나가기전에 중간처리장치라고 생각할 수 있다.

예시2

const express = require("express");
const server = express();

server.use(express.static(__dirname + "/public"));

server.get("/", (req, res) => {
  res.sendFile(__dirname + "/index.html");
});

server.get("/about", (req, res) => {
  res.sendFile(__dirname + "/about.html");
});

server.use((req, res) => {
  res.sendFile(__dirname + "/404.html");
});

server.listen(3000, (err) => {
  if (err) return console.log(err);
  console.log("The server is listening on port 3000");
});

Middleware의 필요성과 사용처를 가장 쉽게 알 수 있는 예시인거같아 가저왔다.

server.use(express.static(__dirname + "/public"));

static파일의 설정과 잘못된 url접근시 404에러 페이지를 보내주는 부분인데
index.html 를 보내준다할때 link로 연결된 css파일의 위치를 정확히 알지못하기때문에 css가 보이지않는다.
이때 static으로 css파일 위치를 명시해주는 Middleware를 넣어

server.use((req, res) => { res.sendFile(__dirname + "/404.html"); });