Server setup

Middleware 설치

# npm install morgan body-parser

app.js

 

웹 페이지 만들기

# npm install pug

app.js

• app.set("view engine", "pug")으로 pug engine을 nodeJS에 추가한다.
• app.set("views", join(__dirname,"views"))로 app.js 파일 기준으로 views 디렉토리를 찾아서 path에 추가한다.
• app.use("/", globalRouter)로 "/" url에 접속하였을 때 globalRouter를 실행하도록 한다.

globalRouter.js

• "/" url로 get 요청이 왔을 때 globalRouter.get("/", home)을 실행한다. home은 globalController에 있는 controller 함수다.

 

home

home.pug를 랜더링 한다.

main.pug

layout으로 사용할 main.pug다.

home.pug

main.pug를 extends해서 가져오고 웹 페이지에 home.pug를 보여준다.

localhost:4000/ 화면

home.pug를 랜더링해서 브라우저로 보여줬을 때의 모습이다.

소스 코드

github.com/zpskek/guessMind-v3/commit/394febcbcb5b25b7350dd4be0b3573e5d5eac485