MVC 패턴 - View(5)

이번 글에서는 Pug에서 Template Variable을 활용하는 법을 알아보겠다.

1) 이전 글(https://brunch.co.kr/@topherlee/49)에서

middlewares.js 파일에서 res.locals.siteName = "WeTube"를 만들었던 것을 기억할 것이다.

2) main.pug에서 title에 #{siteName}을 활용해주면,

3) 다음과 같이 WeTube라는 사이트명이 반영된 것을 확인할 수 있을 것이다.

4) 다음은 main.pug의 title에 #{pageTitle}을 추가한다.

5) Controller로 이동해서 각각의 상수에 pageTitle을 추가해준다.

이것은 userController이고,

6) 이것은 videoController이다. 각각에 pageTitle이 추가되었다.

7) npm start를 통해 실행하고, 결과를 확인하자.

각각의 pageTitle이 반영된 것을 확인할 수 있다.

<home>

<join>

"다음은 노마드코더(https://academy.nomadcoders.co/)의 [초급 풀스택] 유튜브 클론 코딩 강의를 참고하였습니다."