[Jinja2] 배열(리스트) 인덱스 사용하는 방법

Python Flask 혹은 Django를 사용하게 되면 HTML에 Jinja2 문법을 사용하여 추가적인 작업을 수행할 수 있습니다.

여기서 Jinja2의 리스트, 그러니까 배열을 사용하는 방법을 알아보도록 하겠습니다.

Jinja2를 사용할 때 HTML 소스코드 내부에 다음과 같은 for문을 작성했다고 합시다.

배열은 ['1', '2', '3']이라고 가정합시다.

예제 소스

{% for item in mylist %}
   <p> your item is : {{ item }} </p>
{% endfor %}

위와 같이 코드를 작성했을 때 <p>로 작성된 배열 목록들이 쭈루룩 출력될 것입니다.

결과

your item is : 1
your item is : 2
your item is : 3

이는 다음과 같은 예제도 똑같이 나타나게 됩니다.

예제 소스

<p> your item is : {{ mylist[0] }} </p>
<p> your item is : {{ mylist[1] }} </p>
<p> your item is : {{ mylist[2] }} </p>

결과

your item is 1
your item is 2
your item is 3

이처럼 배열의 index 값을 설정해서 사용해줄 수 있습니다.

만약 세 번째 아이템만 출력하고 싶다면 다음과 같은 예제처럼 하면 됩니다.

예제 소스

{% for item in mylist %}
   {% if loop.index == 2 %}
   <p> your item is : {{ item }} </p>
   {% endif %}
{% endfor %}

결과

your item is 3

jinja2에서 for문의 인덱스 값은 다른 선언 없이 loop.index라고 작성하면 됩니다.