MVC 패턴 - View(1)

Express는 Pug라는 View Engine을 사용한다.

Pug에는 View 파일들의 기본 위치에 대한 설정이 있다.

이 글에서는 실제 pug를 활용해 메인 페이지에 간단한 단어(Home)를 출력하는 것을 알아보겠다.

이를 통해 Node.js에서 View를 활용하는 기초적인 방법을 이해할 수 있다.

1) 다음과 같이 npm install pug를 통해서 pug를 설치한다.

2) app.js에 app.set("view engine", "pug")를 설정해준다.

Express가 Template을 설정하려면 위와 같은 설정이 필요하다.

3) home.pug를 만들고 p Hello라는 태그를 입력한다.

4) userController.js로 이동해서

export const home = (req, res) => res.send("home"); 을

export const home = (req, res) => res.render("home");로 바꿔준다.

4) npm start를 통해 실행하면, Hello가 쓰여진 페이지를 확인할 수 있다.

즉, res.render("home")로 home.pug를 읽었고,

그 결과, home.pug의 코드인 Hello가 출력되었다.

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