[Nunjucks] 📚 넌적스 Macro 사용법

...

넌적스 macro

PUG의 mixin과 javaScript의 function(){}과 비슷한 개념으로 템플릿을 모듈화 하여 관리하기 쉽게 만드는 기능입니다.

{% macro 매크로명 %}
{% endmacro %}

forms.html

{% macro field(name, value='', type='text') %}
<div class="field">
  <input type="{{ type }}" name="{{ name }}"
         value="{{ value | escape }}" />
</div>
{% endmacro %}

{% macro label(text) %}
<div>
  <label>{{ text }}</label>
</div>
{% endmacro %}

<!-- 사용 -->
{% from "forms.html" import field, label%}

{{ label('Username') }}
{{ field('user') }}
{{ label('Password') }}
{{ field('pass', type='password') }}

link.html 라는 이름으로 Link 매크로를 만들어 봅니다.

import from 으로 위에서 만든 Macro를 불러옵니다.