nodeJS request response

import express from "express";
import morgan from "morgan";

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

const logger = morgan("dev");

const handleHome = (req, res) => {
  return res.send("<h1>it is dance with server and client</h1>");
};

app.use(logger);
app.get("/", handleHome);

const handleListening = () => {
  console.log(`✅ Server listening on port http://localhost:${PORT} 🚀`);
};

app.listen(PORT, handleListening);

import express from "express"

const app = express()

app.listen(4000, ()=>{console.log("Server listening on port 4000")})

express로 서버생성 코드.

데이터베이스가 뭔지는 구분이 되는데 아직도 어디까지가 서버이고 어디까지가 클라이언트인지 구분이 어렵다.

느낌상 url로 req,res를 주고받는 것은 백엔드에서 하는일인것 같고, 하나의 url안에서 웹브라우저의 자바스크립트를 만드는 것을 프론트라고 하는 것 같은데.. 그럼 rendering 하는 html view파일은 뭘까?  굳이 나눠야 할 필요가 있나 싶기도 하다.

일단 오늘 복습한 내용을 정리해보자

서버는 24시간 켜져있는 컴퓨터이고 항상 우리를 지켜보고 있다. 우리가 어떤 url을 입력한다는 것은, url로 request 를 보내는 것이다. 그리고 서버는 그 req를 지켜보고 있다가 res로 응답하면서 화면을 보여주는 것이다. 우리의 브라우저가 어디로 찾아가는게 아니라 브라우저가 요청하면 서버가 화면을 보내주고 브라우저는 그저 우리에게 화면을 보여줄 뿐이다. 

app.listen(4000)을 했기때문에 로컬호스트 4000번에 req를 보낼수 있다. 하지만 cannot GET / 가 뜬다. 이 말은  root페이지로의 GET요청에 응답할 수 없다는 뜻이다. root페이지란 처음 접속하게 되는 홈페이지라고 생각하면 된다. 

서버로 돌아와서 app.get("/", callbackfunc)을 만들어 주면 홈페이지를 향한 GET요청에 응답할 수 있다. callbackfunc 부분을 컨트롤러라고 부른다. 컨트롤러를 통해 res.send()로 문자열이나 html을 보낼수도 있고. res.end()로 응답을 마칠수도 있고, html을 render할수있고. 다른 url로 redirect도 할수있다. 그 외에도 많다. 아래 참고

https://expressjs.com/ko/4x/api.html#app.get.method

Express 4.x - API 참조

컨트롤러는 const handleHome = (req,res)=>{~~~~} 와 같이 "req,res" arguments를 항상 가진채로 만들어진다. req,res의 프로퍼티와 메소드는 아래를 참고

https://expressjs.com/ko/4x/api.html#req

Express 4.x - API 참조

그리고 사실const handleHome = (req,res)=>{~~~~}  여기에 하나를 더 가질수있다. 바로 next argument이다. 

const handleHome = (req,res,next)=>{

~~~~, next()} 

next()를 정상적으로 실행하고 다음 콜백함수를 실행하는 것을 middleware 라고 한다. 사실 모든 컨트롤러는 미들웨어가 될수 있다.

하지만 관습적으로 마지막 컨트롤러에는 next를 넣지 않는다. next()가 있는 것은 컨트롤러를 향하는 미들웨어라고 보면 된다.

모든 get요청에 전부다 미들웨어를 복붙하는 것은 실수하기도 쉽고 매우 귀찮다. app.use()를 통해 글로벌 미들웨어를 만들 수 있다. 단 get요청보다 위에 적혀있어야 미들웨어가 제대로 작동할것이다. 모든 요청에 앞서 logger middleware 가 먼저 실행 될 것이다. 

미들웨어를 직접 만들어도 되지만, 패키지를 설치해서 import해서 사용하는 경우가 많다.