lution88

[TIL] 220124 Django의 템플릿 언어 본문

개발일지/# Django

[TIL] 220124 Django의 템플릿 언어

lution88 2022. 1. 24. 23:12

Django의 템플릿 언어

화면을 구성하는 템플릿을 작성할 때! 보다 편리하게 작성할 수 있도록 도와주는 것!!

HTML 문서를 작성할 때 프로그래밍을 하듯 쉽게 작성할 수 있게 해준다.

즉, 프로그래밍 구조와 유사한 기능을 제공한다고 할 수 있다.

 

템플릿 언어의 4가지 구성.

  •  템플릿 변수 : 우리가 지정한 데이터로 변환.
  •  템플릿 태그 : 템플릿 작성에 로직을 사용할 수 있게 해줌.
  •  템플릿 필터 : 템플릿 변수를 특정 형식으로 변환
  •  템플릿 주석 : 템플릿 언어의 주석처리를 담당

 

01. 템플릿 변수 

# 템플릿변수
{{ 변수명.속성 }}

 템플릿이 렌더 될 때 우리가 지정한 데이터로 변환된다.

 view 에서 템플릿으로 원하는 데이터를 전달하고 템플릿은 이 템플릿변수를 이용해서 전달받은 데이터를 사용한다.

 즉, 템플릿 변수는 뷰에서 템플릿으로 넘겨준 데이터로 해석돼서 변환된다. 속성은 .(점)을 이용해서 사용할 수 있다.

템플릿변수

02. 템플릿 필터

# 템플릿 필터
{{ 변수명 | 필터 }}

템플릿 변수를 특정 형식으로 변환하기 위해 사용한다.

템플릿 필터

lution 템플릿 변수에 upper필터를 적용시켜서 변환되는 텍스트를 모두 대문자로 바꿔준다.

 

03. 템플릿 태그 

# 템플릿 태그
{% 태그 %} 내용 {% end태그 %}

몇몇 태그는 시작태그만 존재하기도 하지만, 보통 시작태그와 종료하는 태그 형태로 시작과 끝을 명시해서 사용한다.

로직을 함께 넣어서 템플릿을 편하게 작성할 수 있게 해준다.

템플릿 태그

 

04. 템플릿 주석

# 템플릿 주석 
{# 주석내용 #}

템플릿 언어의 주석 처리 이다.


정리

템플릿언어를 사용하면 프로그래밍 하듯 쉽고 편리하게 템플릿 작성이 가능하다!


 

'개발일지 > # Django' 카테고리의 다른 글

[TIL] 220125 Django 샌드위치 구조  (0) 2022.01.25
[Django] 우아한 URL  (0) 2022.01.24
[Django] MVT 구조  (0) 2022.01.23
[Django] URL 작성하기  (0) 2022.01.23
[TIL] 220122 django앱의 철학 Reusable App  (0) 2022.01.22
Comments