[Video app] render, req, res, express, router, morgan

req, res 관련 글

https://expressjs.com/en/api.html#req

Express 4.x - API Reference

추가적으로  express, router에 대한 설명도 나와있다.

express는 다른 JS file에서 다시 import해줘야 한다.

import express from "express";

이 때 확장자 파일은 알아서 찾아주기 때문에 상위 폴더 작성할 필요는 없다.

morgan은 페이지 새로고침시 해당 페이지의 path, status 등을 알 수 있다. npm i morgan 설치 후

import morgan from "morgan";

const logger = morgan("dev"); 변수 명은 임의로 설정 가능

 

app.use(logger); 해주면 morgan이 매번 실행된다.

 

모든 router은 거품(고립되어 있음)같기 때문에 default를 사용한다.

그냥 export를 해주면 해당 JS파일의 내용들이 public되기 때문에 export default로 router만 외부로 노출시켜 준다.

default로 import하면 해당 변수명을 변경할 수 있다.

하지만 그냥  export로 한다면 변수명은 기존 변수명과 동일하게 import해야한다.

 

컨트롤러는 함수이고 라우터는 그 함수를 이용하는 입장이기 때문에 따로 분리하여 사용한다.

 

sever, router, controller 분리한 것들을 architecture라고 한다.

 

*render의 의미는 해당 변수의 속성을 가지고 HTML에 만들어 배치한다는 것을 의미한다.

즉 JS에서 만든 요소를 사용자에게 보여줄 수 있다.