트위그 (템플릿 엔진)

3. 지원 환경

트위그는 다양한 통합 개발 환경(IDE)과 텍스트 편집기에서 지원된다.^[2] 자세한 지원 목록은 아래 하위 섹션에서 확인할 수 있다.

3. 1. 통합 개발 환경 (IDE)

• 이클립스: Twig 플러그인을 통해 지원.
• 코모도 및 코모도 편집: Twig 하이라이트/구문 검사 모드를 통해 지원.
• 넷빈즈: Twig 구문 플러그인을 통해 지원 (7.1 버전까지), 7.2 버전부터는 기본 지원.
• PhpStorm: 2.1 버전부터 기본 지원.
• WebStorm을 포함한 IntelliJ IDE: 플러그인을 통해 지원.

• Atom: PHP-twig for atom을 통해 지원.
• Emacs: web-mode.el을 통해 지원.
• Notepad++: Notepad++ Twig Highlighter를 통해 지원.
• Sublime Text: Twig 번들을 통해 지원.
• TextMate: Twig 번들을 통해 지원.
• Vim: Jinja 구문 플러그인 또는 vim-twig 플러그인을 통해 지원.
• 브래킷: Brackets Twig를 통해 지원.
• Visual Studio Code: Twig 확장을 통해 지원.
• GTKSourceView: Twig 언어 정의를 통해 지원.
• Coda: Twig 구문 모드를 통해 지원.
• Coda 2: 다른 Twig 구문 모드를 통해 지원.
• SubEthaEdit: Twig 구문 모드를 통해 지원.

3. 2. 문서 편집기

또한 다음 텍스트 편집기에서도 지원된다:

4. 예시

다음은 트위그의 기본적인 기능을 보여주는 예시 코드이다. 이 코드는 `base.html` 템플릿을 상속받아 `navigation` 블록의 내용을 새로 정의한다. `navigation` 변수에 담긴 각 항목(`item`)을 순회하면서 HTML 링크(``) 목록(`

`, `
• `)을 생성한다. 이때, 항목의 `level` 속성값이 2이면 `  `를 이용해 두 칸 들여쓰기를 적용하고, `caption` 속성값은 `upper` 필터를 사용해 대문자로 변환하여 출력한다.
  
  ```html+twig
  
  
  
  {% extends "base.html" %}
  
  {% block navigation %}
  
  
  
  
  {% for item in navigation %}
  
  
  • 
    
    {% if item.level == 2 %}  {% endif %}
    
    
    
    
    
    
  
  
  {% endfor %}
  
  
  
  
  {% endblock navigation %}
  
  
  
  ```
  
  트위그 템플릿에서 사용되는 주요 태그는 다음과 같다.
  
  
  • `{% ... %}`: 실행 태그. 제어문(if, for 등)과 같은 구문을 사용할 때 쓴다.
  • ``: 출력 태그. 변수나 표현식의 결과를 HTML 페이지에 직접 출력할 때 사용한다.
  • `{# ... #}`: 주석 태그. 템플릿 코드 내에 주석을 작성할 때 사용하며, 최종 결과물에는 포함되지 않는다.

참조

_[1] 웹사이트 mitsuhiko/twig https://github.com/m[...] 2019-08-13
_[2] 웹사이트 Twig for Template Designers - Documentation - Twig - The flexible, fast, and secure PHP template engine https://twig.symfony[...]
_[3] 웹사이트 twigphp/Twig https://github.com/t[...] 2020-07-01
_[4] 웹사이트 Symfony2 Documentation — Documentation http://docs.symfony-[...] 2010-08-05
_[5] 웹사이트 Filters - Documentation - Twig - The flexible, fast, and secure PHP template engine https://twig.symfony[...]
_[6] 웹사이트 Extending Twig - Documentation - Twig - The flexible, fast, and secure PHP template engine https://twig.symfony[...]
_[7] 웹사이트 set - Documentation - Twig - The flexible, fast, and secure PHP template engine https://twig.symfony[...]
_[8] Repository Original Repository https://github.com/m[...]
_[9] Github Release v3.3.4 · twigphp/Twig · GitHub https://github.com/t[...]
_[10] 문서 Twig documentation for template designers http://twig.sensiola[...]
_[11] 문서 Symfony2 Documentation http://docs.symfony-[...]
_[12] 문서 Twig documentation for template designers http://twig.sensiola[...]
_[13] 문서 Extending Twig http://twig.sensiola[...]
_[14] 웹인용 mitsuhiko/twig https://github.com/m[...] 2019-08-13