템플릿 언어
파이썬을 html에서 쓸 수 있도록 django 에서 제공해주는 언어이다.
변수
변수 지정 : {{ 변수이름 }}
조건 : 띄어쓰기가 안되며 언더바로 할 것.
기능 : ' . ' 을통해서 변수의 속성으로 접근이 가능
(post의 title 속성을 가기위해 {{ post.title }} )
필터
링크텍스트
(django templates doc)
기본적으로 {{변수 | length}} 와 같이 | 를 통해 한다.
태그
{% tag %}
주로 반복문, 조건문을 쓸 때 이용된다.
반복문
{% for post in posts %}
<p>{{post.text}}</p>
{%endfor%}조건문
{%if post_list%}
<p>게시물의 수 : {{ post_list | length }}</p>
{%else%}
<p>게시물이 없습니다.</p>주석
{# #}
한 줄을 주석 처리 가능함.
여러 줄을 주석 처리하기 위해선 주석 처리할 여러 줄의 문장을 {%comment%} {%endcomment%}로 감싸줘야 한다.
템플릿 상속
{% block %} { % endblock %}
를 통해 다른 html 파일이 해당 파일을 상속 받을 때 이 부분에는 자기 파일의 내용을 채워서 가져 가게 된다.
base.html
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{% static '/css/register.css' %}">
<link rel="stylesheet" href="{% static '/css/style.css' %}">
<title>{% block title %}{% endblock %}</title>
</head>
<body>
{% block body %}
{% endblock %}
</body>
</html>viewport
화면 상의 화상 표시 영역을 뜻한다.
속성
width : viewport 너비 설정
<meta name="viewport" content="width=500">너비를 장치너비로 설정
<meta name="viewport" content="width=device-width">초기 화면 배율(intial-scale)설정
<meta name="viewport" content="width=device-width,initial-scale=1.0">사용자의 크기 조절을 원치 않을때
<meta name="viewport" content="user-scalable=no, width=device-width">viewport가 보여줘야할 내용보다 작으면 그 내용을 줄여서 보이지 않게 하기.
shrink-to-fit=no모바일 접속시 모바일 크기에 맞춘 화면을 렌더링에 설정
user-scalable=yes더 자세한 설명
링크텍스트
rel
태그의 rel 속성은 현재 문서와 외부 리소스 사이의 연관 관계를 명시합니다.rel 속성은 요소에 반드시 명시되어야 하는 필수 속성입니다.
문법
<link rel="속성값">
(ex)
<link rel="stylesheet" href="{% static '/css/register.css' %}">
Sometimes you gotta run before you can walk.