nunjucks 연결하기

YOUNGJOO-YOON·2021년 12월 11일
0

express

목록 보기
5/6

express view template 연결하기

nunjucks는 mozila에서 개발한 view render이다.
연결하는 방법은 아래와 같다.

nunjucks.configure에서 첫 인자로 views 는 view단의 실제 local 파일 경로를 가리킨다.
두 번째 객체로 express:app, 변화를 감지해 새로 그려주는 watch를 켜주도록 하자.

const express = require('express');
const app = express();
const indexRouter = require('./routes');
const userRouter = require('./routes/user');
const path = require('path');
const nunjucks = require('nunjucks');

app.set('port', process.env.PORT || 3000);
app.set('view engine', 'html');
nunjucks.configure('views', {
  express: app,
  watch: true,
});

app.use('/', indexRouter);
app.use('/user', userRouter);
app.use((req, res, next) => {
  res.status(404).send('NOT FOUND');
});

app.use((err, req, res, next) => {
  console.error(err);
  res.status(500).send(err.message);
});

app.listen(app.get('port'), () => {
  console.log('3000 listen');
});

router.get('/', (req, res) => {
  res.status(200).render('test', { title: 'hello aaa!' }); // views의 test.html 파일에 객체 {title: 'hello aaa'}를 넘겨준다
});

module.exports = router;

https://mozilla.github.io/nunjucks/
기타 사용법은 링크를 참고하자

profile
이 블로그의 글은 제 생각을 정리한 글과 인터넷 어딘가에서 배운 것을 정리한 글입니다. 출처는 되도록 남기도록 하겠습니다. 수정 및 건의 오류 등이 있으면 언제든지 댓글 부탁드립니다.

0개의 댓글