Node.js_Express 웹서버 만들기_4 (템플릿 엔진 Nunjucks)

2021.07.04 - [Node.js] - Node.js_Express 웹서버 만들기_3 (템플릿 엔진 pug)

Node.js_Express 웹서버 만들기_3 (템플릿 엔진 pug)

 

(본 포스팅은 길벗의 'Node.js 교과서' 책을 공부하면서 작성되었습니다_내돈내산) 

 

2. Nunjucks(넌적스) 템플릿 엔진
 - pug의 문법에 적응되지 않으면 넌적스를 사용하면 좋음.
 - npm install nunjucks
 - 확장자는 html 또는 njk(view engine을 njk로)

const nunjucks = require('nunjucks');

app.set('view engine', 'html'); // 확장자를 njk로 할수도 있지만 html 로도 사용이 가능함.
// views폴더가 넌적스파일의 위치가 됨
nunjucks.configure('views', {
  express: app,
  watch: true,
});

 - 변수 선언

 - 넌적스 파일 내부에서의 변수선언
 : { %set 자바스크립트 구문 }
 : 이스케이프 방법 => 문자열을 넣을 때 뒤에 ' |(pipe기호) safe' 를 붙여주면 된다.

 - 반복문
 : {% %} 안에 for in 작성(인덱스를 보고싶은 경우 loop.index 사용)
 : for문이 끝나는 부분에는 { %endfor% }를 입력해 for문이 끝나는 부분을 표시해준다.

 

 - 조건문
 : {% if %} 안에 조건문 작성
 : 파이썬과 유사하게 else if가 아닌 elif를 사용함. if문의 경우도 끝나는 지점에 반드시 {%endif%}를 표시해줘서 if문이 끝났다는것을 알 수 있게 해주어야 함.

 - include, 레이아웃 
 : pug의 그것과 사용법이 똑같음