Tamplate Language

The Django template language | Django documentation | Django

This document explains the language syntax of the Django template system. If you're looking for a more technical perspective on how it works and how to extend it, see The Django template language: for Python programmers . Django's template language is designed to strike a balance between power and ease.

https://docs.djangoproject.com/en/3.1/ref/templates/language/

Built-in template tags and filters | Django documentation | Django

This document describes Django's built-in template tags and filters. It is recommended that you use the automatic documentation , if available, as this will also include documentation for any custom tags or filters installed. The only exceptions are variables that are already marked as "safe" from escaping, either by the code that populated the variable, or because it has had the or filters applied.

https://docs.djangoproject.com/en/3.1/ref/templates/builtins/

1. 템플릿 태그

{% 문법 %}


{# 주석 #}
{# {% if foo %}bar{% else %} #}
{% comment "Optional note" %}
    <p>Commented out text with {{ create_date|date:"c" }}</p>
{% endcomment %}

2. 템플릿 변수

{{ 변수 }}

3. 템플릿 필터

{{ 변수|옵션 }}

{{ value|date:"D d M Y" }} {{ value|time:"H:i" }}

4. 실습

• 영상을 보시면서 복사, 붙여넣기 용도로 사용하세요.

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.counter }}</p>
{% endfor %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.counter0 }}</p>
{% endfor %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.counter10 }}</p>
{% endfor %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.counter10 }}</p>
{% endfor %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.revcounter }}</p>
{% endfor %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.revcounter0 }}</p>
{% endfor %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.revcounter0 }}</p>

    {% if i.viewCount > 3 %}
        <p>if 문이 동작하였습니다.</p>
    {% elif i.viewCount > 1 %}
        <p>elif 문이 동작하였습니다.</p>
    {% else %}
        <p>else 문이 동작하였습니다.</p>
    {% endif %}

{% endfor %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.revcounter0 }}</p>

    {% if i.viewCount > 3 %}
        <p>if 문이 동작하였습니다.</p>
    {% elif i.viewCount > 1 %}
        <p>elif 문이 동작하였습니다.</p>
    {% else %}
        <p>else 문이 동작하였습니다.</p>
    {% endif %}

{% endfor %}

{% with value='hello world' %}
    <h1>{{value}}</h1>
{% endwith %}

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.revcounter0 }}</p>

    {% if i.viewCount > 3 %}
        <p>if 문이 동작하였습니다.</p>
    {% elif i.viewCount > 1 %}
        <p>elif 문이 동작하였습니다.</p>
    {% else %}
        <p>else 문이 동작하였습니다.</p>
    {% endif %}

{% endfor %}

{% with value='hello world' %}
    <h1>{{value}}</h1>
{% endwith %}

{% load %}

• 해당 태그는 수업에서 실습하지 않습니다. 사용자 정의 태그를 불러옵니다.

{% for i in obj %}
    <h1>{{i.contents}}</h1>
    <p>{{ forloop.revcounter0 }}

    {% if i.viewCount > 3 %}
        <p>if 문이 동작하였습니다.</p>
    {% elif i.viewCount > 1 %}
        <p>elif 문이 동작하였습니다.</p>
    {% else %}
        <p>else 문이 동작하였습니다.</p>
    {% endif %}

{% endfor %}

{% with value='hello world' %}
    <h1>{{value}}</h1>
{% endwith %}

{# 주석입니다 #}
{% comment 'hojun' %}
  <p>안보임, 소스코드 보류 용도로도 사용</p>
{% endcomment %}

• 최종 실습 코드

<h1>{{ value }}</h1>
<p>{{ value.2.title }}</p>

{% for i in value %}
  <h1>{{ forloop.revcounter0 }} - {{ i.title }}</h1>
  <p>{{ i.contents|linebreaks|truncatewords:30 }}</p>
  <p>{{ i.contents|length }}
  <p>{{ i.contents|slice:":10" }}
  <p>{{ i.viewCount }}</p>
  {% if i.viewCount > 7 %}
    <p>뷰 수가 많습니다.</p>
  {% elif i.viewCount > 5 %}
    <p>콘텐츠가 반응을 보이고 있습니다.</p>
  {% else %}
    <p>콘텐츠 홍보를 더 해주세요.</p>
  {% endif %}
{% endfor %}

{% with value='hello world' %}
  <h1>{{ value }}</h1>
{% endwith %}

{# hello world #}
{% comment %}
<p>hello world!!!!!!!!!!!</p>
{% for i in value %}
  <h1>{{ forloop.revcounter0 }} - {{ i.title }}</h1>
  <p>{{ i.contents }}</p>
  <p>{{ i.viewCount }}</p>
  {% if i.viewCount > 7 %}
    <p>뷰 수가 많습니다.</p>
  {% elif i.viewCount > 5 %}
    <p>콘텐츠가 반응을 보이고 있습니다.</p>
  {% else %}
    <p>콘텐츠 홍보를 더 해주세요.</p>
  {% endif %}
{% endfor %}
{% endcomment %}

{% lorem 3 p %}

It is {% now "jS F Y H:i" %}