템플릿 언어, 템플릿 상속

템플릿 변수

: 우리가 지정한 데이터로 변환

{{ 변수명.속성 }} 

템플릿이 렌더 될 때 우리가 지정해 준 결과로 변환

view에서 넘겨 받은 값으로 변환

ex) codeit={ title:"django", version : 1.0}    ->    {{ codeit.title }} 

 

 

템플릿 필터

: 템플릿 변수를 특정 형식으로 변환

{{ 변수명 | 필터 }}

ex) {{ codeit|upper }} 은 codeit이라는 템플릿 변수에 upper 필터 적용해서 모두 대문자로 바꿔준다.

 

 

템플릿 태그

: 템플릿 작성에 로직을 사용

{% 태그 %} {% end태그 %}

ex) {% for %}{% endfor %}, {% if %} 등등

{% tag %}

템플릿 태그는 템플릿을 작성할 때 반복문, 조건문 등의 로직을 사용해서 마치 프로그래밍을 하듯 템플릿을 작성할 수 있게 해줍니다. Django가 기본적으로 제공하는 태그가 있지만, 개발자가 직접 태그를 정의해서 사용할 수도 있습니다.

{% tag %} ~ {% endtag %}

태그의 형태는 단독으로 사용하는 템플릿 태그와 여는 태그와 닫는 태그가 필요한 템플릿 태그가 있습니다. 아래는 몇 가지 기본 템플릿 태그입니다.

for

{% for obj in values %} ~ {% endfor %}

반복 가능한 객체를 반복하며 템플릿을 작성 할 수 있습니다. 아래처럼 말이죠.

{% for food in foods %} 
    <li> {{ food.name }} </li>
{% endfor %}

만약 목록을 역순으로 반복하고 싶다면 아래와 같이 사용 할 수 있습니다.

{% for food in foods reversed %} 
    <li> {{ food.name }} </li>
{% endfor %}

반복 가능한 객체가 비어 있거나 존재하지 않을 때는 아래와 같이 사용 할 수 있습니다. 아래는 만약 foods라는 객체가 비어있다면 {% empty %} 구문이 실행됩니다.

{% for food in foods %} 
    <li> {{ food.name }} </li>
{% empty %}
    <li> There is no food. </li>
{% endfor %}

if

{% if value1 %} ~ {% elif value2 %} ~ {% else %} ~ {% endif %}

파이썬에서 사용하던 조건문과 형태가 비슷하죠? 실제로 사용 할 때도 우리가 아는 조건문의 형태로 사용하면 됩니다.

{% if hungry %}
    <p> Let's eat! </p>
{% elif sleepy %}
        <p> You need some coffee. </p>
{% else %}
    <p> Go back to work. </p>
{% endif %}

with

{% with value1=value2 %} ~ {% endwith %}

복잡한 변수가 있을 때 '별명'을 붙이기 위해 사용합니다. with 구문 내에서는 value1을 value2 대신 사용할 수 있습니다.

 

 

 

템플릿 주석

: 템플릿 언어의 주석처리 담당

{# 주석 #}

 

 

---

템플릿 상속

 

 템플릿의 공통적인 내용을 부모 파일로 만들어두고

자식 파일에서는 공통부분은 부모파일에서 받고, 달라지는 부분만 작성한다

 

{% block %} 과 {% extends %} 사용

 

 

base.html : 부모 템플릿

변경되는 부분만 바꾸고 나머지는 남겨두면 된다!

 

 

index.html  : 자식 템플릿

맨 위에

{% extends './base.html' %}