[filters] Jinja - slice() 필터 - 집합을 지정 개수로 쪼개기 (= slice필터 = 슬라이스필터) ※ 지정 개수의 컬럼으로 나누기

1. slice() 예제 - 집합 쪼개기
2. slice() 정의
3. slice() 구문

slice() 예제 - 집합 쪼개기

[예제] - List를 3등분 해서, 3개의 UL 만들기

 

{% set items = ['가','나','다','라','마'] %}

<div class="columnwrapper">

  {%- for column in items|slice(3) %}

    <ul class="column-{{ loop.index }}">

    {%- for item in column %}

      <li>{{ item }}</li>

    {%- endfor %}

    </ul>

  {%- endfor %}

</div>

 

결과값:

<div class="columnwrapper">

    <ul class="column-1">

      <li>가</li>

      <li>나</li>

    </ul>

    <ul class="column-2">

      <li>다</li>

      <li>라</li>

    </ul>

    <ul class="column-3">

      <li>마</li>

    </ul>

</div>

---

[예제2] - 누락된 부분에 채울 값 지정

 

{% set items = ['가','나','다','라','마'] %}

<div class="columnwrapper">

  {%- for column in items|slice(3,fill_with="홈짱") %}

    <ul class="column-{{ loop.index }}">

    {%- for item in column %}

      <li>{{ item }}</li>

    {%- endfor %}

    </ul>

  {%- endfor %}

</div>

 

결과값:

<div class="columnwrapper">

    <ul class="column-1">

      <li>가</li>

      <li>나</li>

    </ul>

    <ul class="column-2">

      <li>다</li>

      <li>라</li>

    </ul>

    <ul class="column-3">

      <li>마</li>

      <li>홈짱</li>

    </ul>

</div>

---

PS. '{%' 기호 바로 뒤에 '-' 문자 있는 이유

• Jinja 템플릿에서 {%와 %} 사이에 있는 -는 공백 제어 기호임. 이를 사용하여 템플릿 엔진이 생성하는 결과물에서 불필요한 공백을 제거할 수 있음. (예) {%와 %} 사이에 -를 사용하면 개행 문자를 제거하여 생성되는 HTML 코드를 좀 더 읽기 쉽게 만들 수 있음.
• 위의 예제 코드에서 -는 {%-와 -%}를 사용하여 제거될 수 있는 공백을 나타냄. 이를 통해 템플릿 코드와 생성된 HTML 사이의 공백이 제거되어 렌더링된 결과물이 더 깔끔하게 보일 수 있음.

 

slice() 정의

 

반복자(iterator)를 분할하고 해당 항목이 포함된 Lists 목록을 반환하는 필터. 

 

---

1.

• 집합을 쪼개서 여러 그룹으로 표현할 때 유용.
• 두 번째 인수를 전달하면 마지막 반복에서 누락된 값을 채우는 데 사용됨.

3. 공식 매뉴얼

https://jinja.palletsprojects.com/en/3.1.x/templates/#jinja-filters.slice

 

slice() 구문

 

jinja-filters.slice(value: 't.Collection[V]', slices: int, fill_with: 't.Optional[V]' = None) → 't.Iterator[t.List[V]]

 

---

[매개변수]

 

value: 't.Collection[V]'

필수. 슬라이스 필터 적용할 집합

 

slices: int

필수. 몇 개의 그룹으로 쪼갤지 지정.

 

fill_with: 't.Optional[V]' = None

선택. 마지막 빈 자리에 채울 값.

 

---

[반환값]

 

지정 개수의 List 반복자 반환.