7. 익스프레스 (4) - 템플릿 엔진 : Nunjucks 3

 

 

 

 

○ 반복문

 

기본적으로 넌적스에서는 특수 문을 {% %} 안에 넣어서 사용합니다. 반복문의 경우도 for in문과 endfor 문 사이에 해당 내용을 작성해 사용하면 됩니다. 

 

[HTML]

<ul>
    <li>사과</li>
    <li>배</li>
    <li>오렌지</li>
    <li>바나나</li>
    <li>복숭아</li>
</ul>

 

 

[Nunjucks]

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

 

 

만약 위의 반복문 사례에서 인덱스를 사용하고 싶다면, loop.index라는 변수를 사용해주면 됩니다. 예제를 보겠습니다.

 

[HTML]

<ul>
    <li>1번째 사과</li>
    <li>2번째 배</li>
    <li>3번째 오렌지</li>
    <li>4번째 바나나</li>
    <li>5번째 복숭아</li>
</ul>

 

[Nunjucks]

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