정적 html을 view로 사용하기 + nodemon.json 설정

보통 node의 view는 pug, ejs를 사용하거나 아예 react/vue로 프론트단을 따로 구성하는 방법을 취했습니다. 그러나 퍼블리셔가 만든 html이 있다면 해당 html을 이용하는 것이 좋습니다.

 

static 미들웨어를 설정한후 render가 아닌 sendFile로 res를 날리면 됩니다.

 

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

const app = express();

app.use(express.static(path.join(__dirname + "/public"))); // public 폴더 생성

app.get("/", (req, res) => res.sendFile(__dirname + "/public/withredux.html"));

app.listen(3000, (req, res) => console.log(`http://localhost:3000`));

 

그리고, nodemon을 돌릴 때 html은 수정해도 자동으로 서버를 재 수정을 안해줍니다. nodemon.json을 생성하여 설정을 만들어 줍시다.

 

{
  "ext": "html, js, json"
}