[Node.JS] Express JS- Middle ware 🚩

미들웨어 함수는 요청 오브젝트(req), 응답 오브젝트 (res), 그리고 애플리케이션의 요청-응답 주기 중 그 다음의 미들웨어함수 대한 액세스 권한을 갖는 함수입니다. 그 다음의 미들웨어 함수는 일반적으로 next라는 이름의 변수로 표시됩니다. - express 공식 사이트 -

Node.JS와 Express JS를 공부하다 보면 자연스럽게 미들웨어라는 용어를 많이 접하게된다. 그렇다면 미들웨어 는 과연 무엇일까?

미들웨어 즉, 이름 그대로 각각의 동작이나 구역 내에서 시작과 끝 사이에 중간 처리를 위한 함수이다. Express JS 에서의 사용을 예로 들자면, 요청에 대한 응답사이에서 중간중간 다양한 일을 처리할 수 있다는 의미이다.

예를 들어, 라우팅을 구성할때 어떤 url은 꼭 사용자가 로그인이 되어있는 상태여야만 해당 라우팅을 볼수 있게끔 하고싶을 때 미들웨어를 사용한다면

function loginRequired(req,res,next){
    if(login != true){
        res.redirect(로그인 페이지로)
    }else{
        next();
    }
};
router.get("/", loginRequired, (req, res) => {/*
/admin이동후 loginRequired에서 login이 ture일 시에만 response해주기.*/
  res.send("admin page");
});

이런식의 코드로 구현이 가능할것이다. 위 스크립트에서 loginRequired라는 선언식 함수를 만들어준 후 아래의
라우팅 주소 다음 값으로 넘겨줬다.

이를 통해 "/"페이지로 클라이언트가 요청을 보낼 시 다음 인자에 있는 loginRequired라는 미들웨어가 실행되고, login 상태가 true이면 next() 메서드를 통해 해당 페이지를 응답해주고, false라면 로그인 페이지로 이동하게된다.

---

기본적으로 Express의 미들웨어함수는 요청 객체(request), 응답 객체 (response) 그리고 다음 미들웨어 함수를 실행하는 next 함수로 이루어져 있다. 그렇기에 위의 예제의 if문에서 else 즉 login상태가 true일시 next() 메서드가 실행되고, 클라이언트에게 admin page를 응답해주게 되는것이다.

또한 미들웨어는 순차적으로 실행되기에 순서가 굉장히 중요한데,

상단 부분을 보면 First와 Second를 콘솔로 출력하는 간단한 선언식 함수 만들어 놓은뒤 상단의 두가지 함수가 get 요청 시 미들웨어로 실행되게 끔 해놓았다.

결과를 보면 First, Second 순으로 잘 작동한것을 볼수있다.

마지막으로 express를 접하게되면서 미들웨어 함수를 뜻하는 app.use로 시작되는 코드를 많이 보게되는데,
이는 결국 위의 설명처럼 클라이언트의 요청이 올때마다 순서대로 미들웨어를 거치며 클라이언트에게 응답을 하게된다.

또한 Router 객체를 통해 메인 파일에서 분리된 라우터또한 (이는 다음에 자세히 다뤄볼 예정이다.) app.use, 즉 미들웨어로 처리되는것이니 "Express 는 사실상 미들웨어 함수의 연속으로 이루어져있다" 는 말이 더욱 와닿는것 같다.