[node] View Engine - Nunjucks

 

관련 게시글 nunjuck macro

developing-move.tistory.com/88?category=883220

[node] nunjucks macro

 

vscode tempate 폴더 생성

이때 템플릿 구조도 url의 구조를 따라가야 한다.

template 라는 폴더를 만들고 그 하위 폴더 admin을 생성한 후  admin 폴더에 products.html 이라는 파일을 생성한다.

 

products.html 파일에 아래와 같이 입력한다.

products
{{ message }}

products.html

 

cmd 창으로 이동하여 nunjucks를 인스톨한다.

cmd

인스톨이 완료되었으면 app.js 파일에 아래의 내용을 추가한다.

const nunjucks = require('nunjucks');

nunjucks.configure('template',  { // 폴더 지정
    autoescape : true, // 보안상 true
    express : app // 위의 app 객체
});

app.js

다음으로 admin.js로 돌아가 아래의 내용을 추가한다.

해당 부분이 products.html의 message와 맵핑되는 부분이다.

router.get('/products', (req, res) => {
    // render는 template 사용
    res.render('admin/products.html', {
        message : 'hello!!!!!!!' // products.html의 message와 맵핑
    });
});

admin.js

admin.js까지 완료 되었으면 cmd창에서 실행한다.

cmd

 

url에 접속하여 정상적으로 실행되는지 확인한다.

접속 화면

 

 

출처 : 본 포스트는 패스트캠퍼스의 Node 웹 프로그래밍 올인원 패키지 Online의 박준영 강사님의 강의를 보고 직접 정리한 내용입니다.