twig 템플릿 (PHP CMS: Symfony, Drupal)

현재 진행중인 프로젝트가 Drupal + React 로 진행중이다. Drupal(드루팔)은 PHP로 만들어진 CMS 이며, 해외에서는 symfony, Joomla, Wordpress와 함께 많이 쓰인다. 한국에서는 거의 안쓰이다보니 관련 강의 혹은 영상을 찾기가 하늘에 별따기 수준이다. (그나마 워드프레스는 비교적 쓰여서 조금 있긴하다)

 

 

오늘은 그중에 Twig 에 대해 간략하게  요약해보도록 한다. 먼저 Twig란 PHP 프로그래밍 언어의 템플릿 엔진으로 구문은 Django 템플렛에서 유래한다. 템플릿 언어로 HTML 기본적으로 양식을 채택하고, 그 위에 자바스크립트를 넣는 형식이라고 보면 쉽게 이해가 된다. 다만 문법이라던지 쓰임새는 자바스크립트와 비슷한 듯하면서 다르다.

 

 

크게 많이 쓰는 방법은 두 가지이다.

 

{{ }} : Say something - 표현식으로써 자바스크립트 리액트, 앵귤러에서 많이 쓰이는다. 예를 들어 var 를 다른 곳에 값을 할당(var =1) 해주고 {{ var }} 표현해주면 1이 표현이 된다.

 

{% %} : Do something -  문장 문법(?)으로써, 반복문을 예를 들다면 

{% for user in users %} <li>{{ user.username|e }}</li> {% endfor %}

 

위와 같이 표현할 수 있는데, 중요한 것은 꼭 닫는 태그도 {% endfor %} 도 써줘야한다.

 

 

문법을 한 페이지에 자세하게 설명하기에는 시간이 없어 아래의 링크의 문법은 꼭 필수로 알아야한다. 상속(Inheritance)는 extends 를 써, 자바스크립트트 클래스 상속하는 것과 비슷해보이는데, 또 글로벌 변수 설정하는 것은 자바스크립트와 완전히 다르다.

 

글로벌 변수

{% set foo = 'foo' %} {% set foo = [1, 2] %} {% set foo = {'foo': 'bar'} %}

 

 

필수적으로 알아야하는 개념

https://twig.symfony.com/doc/3.x/templates.html

 

 

심포니 twig 문서

https://twig.symfony.com/doc/3.x/

 

영어로 된 간단한 심포니 강의

https://symfonycasts.com/screencast/symfony3/twig-layouts

 

프랑스어로 된 twig 유투브 영상 (자동번역 이용 추천)

https://www.youtube.com/watch?v=mpTtPt62s_w&t=5s