Nunjucks

Nunjucks

• Nunjucks는 템플릿 엔진 중 하나로 모질라 재단에서 만든 템플릿이다.

• Express 에서 따로 설치과정없이 바로 쓸수있는 PUG와 달리 넌적스는 따로 설치가 필요하다.

• 렌더링 속도가 느리지만 html 문법을 그대로 차용이 가능하기 때문에 호환성이 매우 좋다.
  
  

📝 Nunjucks 사용법

const nunjucks = require('nunjucks');

app.set("view engine", "html");
nunjucks.configure("views", { // views폴더가 넌적스 파일의 위치가 된다.
  express: app,
  watch: true,
});

• configure 의 첫번째 인수로 views 의 경로를 전달해 주고 두번째 인수로 옵션을 지정해준다.

• express 속성에 app 객체를 연결한다.

• watch 옵션은 true로 지정되면 HTML파일이 변경될 때에 템플릿 엔진을 reload하게 된다.
  
  

📝 Nunjucks의 반복문, 조건문

반복문

<ul>
    {set % fruits = ['딸기', '사과' '바나나, '포도', '수박' ] %}
    {% for item in fruits %}
    <li>{{item}}</li>
    {% endfor %}
</ul>

조건문

{% if item %}
<div> 과일이 있습니다. </div>
{% else %}
<div> 과일이 없습니다. </div>
{% endif %}

• {%%}를 통해 내부 선언도 가능하다.

• 조건문은 {% if 변수 %}형식으로 선언하고 {% else %}로 else 처리한다.

• 조건문은 {{}} 안에서도 사용이 가능하다.