Express-Handlebars 템플릿 엔진 사용하기

1. 설치 및 적용

설치하기. 배포 시에도 적용되어야 하는 패키지이므로 --save 옵션을 적용해준다.

npm install --save express-handlebars

 

적용하기

// app.js
const express = require("express");
const expressHbs = require("express-handlebars"); // express 내장 엔진이 아니므로 임포트가 필요

const app = express();

app.engine("hbs", expressHbs.engine()); //핸들바를 템플릿 엔진으로 등록
app.set('view engine', 'hbs'); // 뷰 엔진 적용
app.set('views', './views');

app.get('/', (req, res) => {
    res.render('home');
});

app.listen(3000);

 

• 핸들바는 익스프레스에 내장되지 않았으므로 설치 후 우리 앱에서 사용할 수 있도록 임포트 해야 한다.
• 비내장 템플릿 엔진을 사용할 때는 익스프레스에게 엔진으로 등록해줘야 한다.
• 그 후 set으로 적용

 

설치 후 적용 부분에서 버전에 따라 코드가 조금씩 바뀌는 듯하다.

강의에서는 app.engine('hbs', expressHbs());처럼 임포트한 변수를 바로 함수처럼 사용했는데

오늘 현재(23.12.22.) 내가 사용할 때는 에러가 났다.