node.js 기초 -3- (express)

express = 홈페이지 구성 framework(미들웨어)

미들웨어란 클라이언트의 요청을 중간에서 받아 처리하는 시스템.
즉, express라는 미들웨어를 사용해서 클라이언트의 요청을 분기를 나눠 처리한다.

express를 사용해서 홈페이지를 아래와 같이 구성할 수 있다.

var express = require("express");
var app = express();
app.get("/", function (req, res) {
  res.send("Hello home page");
});
app.get("/login", function (req, res) {
  res.send("login plz.");
});
app.listen(3000, function () {
  console.log("Connected 3000 port");
});

get = router의 역할(중개소)와 같다. 첫번째 매개변수는 뒤에 붙는 주소가 저러한 형태일 때 처리하는 방법을 나타낸다.

정적 파일 다루기

정적 파일이란 이미지, 동영상 등을 말함.

app.use(express.static("public"));

app.get("/img", function (req, res) {
  res.send("<img src=1.png>");
});

use함수를 사용하여 public 폴더를 정적파일 경로로 지정해줄 수 있다.(public에는 경로가 들어가면 된다.)

또한 이미지를 홈페이지에 띄우기 위해 <img src = >를 통해 가능하다.

정적 홈페이지 vs 동적 홈페이지

정적 홈페이지는 public 안에 따로 html 파일을 생성해서 넣으면 구성 가능하다.
장점 = html을 수정 시, node.js 연결을 끊지 않아도 바로 반응
단점 = 프로그래밍적인 홈페이지 구성의 어려움

동적 홈페이지는 js 안에 코드를 삽입해서 구성 가능하다.
장점 = 정적 홈페이지는 하지 못하는 프로그래밍적인 html 구성이 가능
단점 = 코드 가독성이 떨어지며, 즉각적 반응이 되지 않음

(여기서의 프로그래밍적인 페이지란 현재 시간이나 for문을 사용하는 등 동적인 부분을 뜻함)