Node.js nunjucks 기반 Layout

변수

넌적스(nunjucks)에서 변수는 {{ }} 로 감싼다.

변수를 선언할 때는 {% set 변수 = '값' %}를 사용한다.

 

반복문

<ul>
  {% set fruits = ['사과', '배', '오렌지', ' 바나나', '복숭아'] %}
  {% for item in fruits %}
  <li>{{item}}</li>
  {% endfor %}
</ul>

 

조건문

조건문은 {% if 변수 %} {% elif %} {% else %} {% endif %}로 이루어져 있다.

{% if isLoggedIn %}
<div>로그인 되었다.</div>
{% else %}
<div>로그인 필요하다.</div>
{% endif %}
 
{% if fruit === 'apple' %}
<p>사과</p>
{% elif fruit === 'banana' %}
<p>바나나</p>
{% elif fruit === 'orange' %}
<p>오렌지</p>
{% else %}
<p>모두 아님</p>
{% endif %}

 

Layout

{% include "header.html" %}
 
{% include "footer.html" %}
 
 
{% extends 'layout.html' %}
 
{% block content %}
{% endblock %}
 
{% block script %}
<script src="/main.js"></script>
{% endblock %}

Layout 에 대한 자세한 사항은 https://mozilla.github.io/nunjucks/templating.html 를 참조하면 된다.