Frontend Setup

static files, 또는 유저들에게 가게 될 파일들을 만들어 볼 것.
Webpack 등을 사용하지는 않으며, 그냥 자바스크립트를 유저에게 보내고 그걸 브라우저가 이해할 수 있도록 만들 것

pug 페이지들을 렌더하기 위한 pug 설정

1. src 폴더안에 views 폴더를 만들고 home.pug 파일을 생성한다.

// home.pug
doctype html
html(lang="en")
    head
        meta(charset="UTF-8")
        meta(http-equiv="X-UA-Compatible", content="IE=edge")
        meta(name="viewport", content="width=device-width, initial-scale=1.0")
        title Noom
    body 
        h1 It works!

// server.js에 추가
app.set("view engine", "pug");
app.set("views", __dirname + "/views");

우리가 사용할 유일한 route 만들기

// server.js에 추가
app.get("/", (req, res) => res.render("home"));

home에 script 추가하기

// home,pug
script(src="/pulic/js/app.js") 

static 작업(Express)

// server.js에 추가
app.use("pubilc", express.static(__dirname + "/public"));

0.3 Frontend Setup 3:55부터 에러 발생