[Node.js] Express html 템플릿

express-generator를 사용해서 Express 웹서버를 구현할 때 템플릿을 지정할 수 있다. 

따로 설정하지 않으면 jade 형식으로 뷰가 구성되고, 특정 형식으로 템플릿을 

지정하고 싶다면 

express --ejs 앱이름

같이 --버전 을 옵션으로 같이 주면 된다. 

 

그런데 우리에게 가장 친숙한 Html을 템플릿으로 사용하려면 어떻게 해야할까? 

// ... 

app.engine("html", require("ejs").renderFile);
app.set("view engine", "html");

// ...

app.engine("html", require("ejs").renderFile);

부분은 express-generator를 사용했을 때 자동으로 생기는 것이 아니라 따로 작성을 해야한다. 

html에서 ejs엔진을 사용해서 파일을 읽는 부분이다. 

 

app.set("view engine", "html");

"html" 부분이 ejs로 설정했다면 "ejs"가 입력될 것이다. 

이걸 html로 바꿔주면 views 폴더에서 .html 확장자의 파일을 가지고와서 렌더링 시켜준다.