Pug, Templates # 02

이번엔 Title 부분 반복적으로 쓰는 부분을 수정해 본다.

일단 hoem.pug, edit.pug, watch.pug에 있던

block head

title  ~~ | Wetube

부분은 싹다 지워 준다.

base.pug에 추가 해준다.

title #{pageTitle} | Wetube

pageTitle이라는 함수를 만들었다.

이제 변수를 만들어 준다.

어떤 파일이 템플릿을 렌더링을 하고 있는지 생각해 보자.

controller이다.

globalRouter.js로 가서 확인해 본다.

home은 trending controller 함수에서 온다.

videoController.js로 간다.

export const trending = (req, res) => res.render("home");

여길 보면 trending이 home을 렌더링하는걸 알수 있다.

videoController.js 에 가서 pageTitle 변수를 만들어 줘야 한다.

videoController.js

export const trending = (req, res) => res.render("home", { pageTitle: "Home" });

res.render("watch", { pageTitle: "Watch Videos" });

res.render("Edit", { pageTitle: "Edit Videos" });

수정해 준다.

http://localhost:4000/ 이제 가서 확인해 보면

Title이 잘 적용 되는걸 확인할수 있다.