2017년 2월 22일 수요일

[expressjs] express-ejs-layouts 적용하기

asp.net mvc를 사용하다가 node express를 사용해보려고 생각했다.

예제 사이트를 따라서 실행하고 다른 페이지도 추가하려고 보니 asp.net mvc의 master page와 같은 구조가 아니라 (공통 레이아웃) 페이지마다 작업을 해야하는 구조였다.
샘플 코드일테니 당연하겠지만...

찾아보니 express-ejs-layouts 을 이용해서 처리할 수가 있었다.

1. 설치부터 npm install express-ejs-layouts --save
2. app.js 파일을 아래와 같이 수정 합니다.


3. 확인을 위해 실행 npm start
하지만 생각과는 다르게 오류가 발생 합니다. views 폴더에서 layout view를 찾을 수 없다는 군요.

4. add file - layout.ejs 파일을 추가하고 합니다.
<%- body %> 이 영역에 다른 ejs 파일의 내용이 삽입됩니다.

5. index.ejs 파일을 열어서 내용을 수정 합니다.

6. 다시 실행 합니다. npm start