• 회원가입
  • 로그인
  • 구글아이디로 로그인

[template] Jinja - 템플릿 - 개요 / 템플릿파일확장자 (Template - Synopsis / Template File Extension)

목차
  1. Jinja 템플릿 개요
  2. Jinja 템플릿 예제
  3. Jinja 템플릿 파일확장자

 

Jinja 템플릿 개요

 

1.

  • Jinja 템플릿은 단순한 텍스트 파일임. 
  • Jinja는 모든 텍스트 기반 형식(HTML, XML, CSV, LaTeX 등)을 생성 가능함.
  • Jinja 템플릿에는 특정 확장자가 필요 없음. (예: .html, .xml 또는 기타 확장자 모두 가능.)

 

2.

  • 템플릿에는 템플릿이 렌더링될 때 값으로 대체되는 변수 및/또는 표현식이 포함되어 있는데, 이는 템플릿의 논리를 제어하는 태그임. 
  • 템플릿 구문은 Django와 Python에서 많은 영감을 받았음.



Jinja 템플릿 예제

 

<!DOCTYPE html>

<html lang="ko">

<head>

    <title>내 웹피이지</title>

</head>

<body>

    <ul id="navigation">

    {% for item in navigation %}

        <li><a href="{{ item.href }}">{{ item.caption }}</a></li>

    {% endfor %}

    </ul>


    <h1>내 웹페이지</h1>

    {{ a_variable }}


    {# a comment #}

</body>

</html>

 


PS. 정리

 

1.

애플리케이션 개발자는 구문 구성을 {% ... %}에서 <% ... %> 또는 이와 유사한 것으로 변경 가능.

 

2. 구분 기호에는 몇 가지 종류가 있는데, 기본 Jinja 구분 기호는 다음과 같음.

  • {% ... %} - 구문에 사용. (예: 조건문/반복문 등 표현)
  • {{ ... }} - 출력에 사용. (예: 표현식/변수 등 출력)
  • {# ... #} - 주석에 사용. (예: 코드실행방지/코드설명 등)

 

3.

라인 문과 주석 (Line Statements and Comments)도 가능하지만, 기본 접두사 문자는 없음. (이를 사용하려면, 환경 생성 시 line_statement_prefixline_comment_prefix 설정 필요.)

 


 Jinja 템플릿 파일확장자

※ 어떤 파일이 템플릿 파일인지 확인하는 방법 소개.

 

1.

  • 위에서 설명한 대로 파일 확장자에 관계없이 모든 파일을 템플릿으로 로드 가능
  • user.html.jinja와 같은 .jinja 확장자를 추가하면 일부 IDE 또는 편집기 플러그인이 더 쉬워질 수 있지만 필수는 아님. 
  • 나중에 소개될 자동 이스케이프는 파일 확장자에 따라 적용될 수 있으므로 이 경우 추가 접미사를 고려해야 함.

 

2.

  • 템플릿을 식별하는 또 다른 좋은 경험적 방법은 확장자에 관계없이 templates 폴더에 있다는 것임. (그누보드6 경우, /templates 폴더 안에 있음.)
  • 이는 프로젝트의 일반적인 레이아웃임.

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
template Jinja - 템플릿 - 개요 / 템플릿파일확장자 (Template - Synopsis / Template …
template Jinja - 템플릿 - 변수 (Template - Variables)
template Jinja - 템플릿 - 필터 (Template - Filters)
template Jinja - 템플릿 - 테스트 (Template - Tests)
template Jinja - 템플릿 - 주석 (Template - Comments)
template Jinja - 템플릿 - 공백 제어 ★ (Template - Whitespace Control)
template Jinja - 템플릿 - 회피처리 (Template - Escaping) ※ 진자 템플릿 코드를 문자 그대로…
template Jinja - 템플릿 - 라인 구문 (Template - Line Statements) ※ 약식 코드
template Jinja - 템플릿 - 템플릿 상속 ★★★ (Template - Template Inheritance)
template Jinja - 템플릿 - HTML 회피 (Template - HTML Escaping) ※ e필터 = 이필터
template Jinja - 템플릿 - 제어 구조 목록 ★★★ (Template - List of Control Struc…
template Jinja - 템플릿 - 컨텍스트 동작 가져오기 (Template - Import Context Behavi…
template Jinja - 템플릿 - 표현식 ★ (Template - Expressions) ※ (자료형/연산자/기호/키…
template Jinja - 템플릿 - 내장필터 목록 (Template - List of Builtin Filters)
template Jinja - 템플릿 - 내장테스트 목록 (Template - List of Builtin Tests)
template Jinja - 템플릿 - 전역함수 목록 (Template - List of Global Functions)
template Jinja - 템플릿 - 확장 (Template - Extensions)
template Jinja - 템플릿 - 자동 이스케이프 재정의 (Template - Autoescape Overrides)
목록
찾아주셔서 감사합니다. Since 2012