템플릿에서 반복문 사용하기

Coddy Django 여정의 Django 기초 섹션에 포함된 레슨. 23개 중 13번째.

카페에 새 페이지 /drinks/가 생겼습니다. 해당 뷰는 모든 음료를 drinks로 템플릿에 전달하지만, 페이지의 목록은 비어 있습니다. {% for %} 태그는 각 항목마다 HTML을 한 번씩 반복합니다. 무료 테이블을 나열하는 페이지는 다음과 같습니다.

<ul>
{% for table in free_tables %}
    <li>Table {{ table }} is free.</li>
{% empty %}
    <li>Every table is taken.</li>
{% endfor %}
</ul>

Python의 for와 비슷하게 작동하며, table에는 차례로 각 항목이 할당됩니다. 템플릿에는 들여쓰기 규칙이 없으므로 {% endfor %}가 반복문을 닫습니다. 선택 사항인 {% empty %} 부분은 목록에 항목이 없을 때만 표시됩니다.

반복문에서는 views.py의 변수가 아니라 drinks와 같이 컨텍스트에 있는 이름만 사용할 수 있습니다.

챌린지

쉬움

drinks.html에서 <ul> 안의 drinks를 반복 처리하세요.

각 음료마다 이름을 넣은 <li class="drink"> 하나를 표시합니다.
음료가 없으면 대신 <li>No drinks today.</li>를 표시합니다.

실행을 누르세요. /drinks/에 음료 네 개가 나열됩니다.

직접 해보기

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Our Drinks</title>
</head>
<body>
    <h1>Our Drinks</h1>
    <ul>
        <!-- one <li class="drink"> per drink -->
    </ul>
</body>
</html>