7. 익스프레스 (4) - 템플릿 엔진 : Nunjucks 4

 

 

 

○ 조건문

 

넌적스에서의 조건문은 {% if 변수 %} {% elif %} {% else %} {% endif %}로 이루어졌습니다. 

 

[HTML]

<!-- isLoggedIn이 true일 때-->
<div>로그인 되었습니다.</div>
<!-- isLoggedIn이 false일 때-->
<div>로그인이 필요합니다.</div>

 

[Nunjucks]

{% if isLogginIn %}
<div>로그인 되었습니다.</div>
{% else %}
<div>로그인이 필요합니다.</div>
{% endif %}

 

 

 

---

 

 

 

조건문에서는 당연한 수순처럼 분기 처리를 학습하게 되는데, 여기서는 일반적인 case문은 없고 elif문, 즉 else if 역할을 하는 명령문을 통해 분기처리를 진행하게 됩니다. 

 

 

[HTML]

<!-- fruit이 apple일 때-->
<p>사과입니다.</p>
<!-- fruit이 banana일 때-->
<p>바나나입니다.</p>
<!-- fruit이 orange일 때-->
<p>오렌지입니다.</p>
<!-- 기본값 -->
<p>사과도 바나나도 오렌지도 아닙니다</p>

 

 

[Nunjucks]

{% if fruit === 'apple' %}
<p>사과입니다.</p>
{% elif fruit === 'banana' %}
<p>바나나입니다.</p>
{% elif fruit === 'orange' %}
<p>오렌지입니다.</p>
{% else %}
<p>사과도 바나나도 오렌지도 아닙니다</p>
{% endif %}

 

 

 

 

 

---

 

 

{{ }} 안에서의 사용법은 아래를 참고하세요.

 

 

[HTML]

<!-- isLoggedIn이 true일 때-->
<div>참</div>
<!-- isLoggedIn이 false일 때-->
<div>거짓</div>

 

 

[Nunjucks]

<div>{{'참' if isLoggedIn}}</div>
<div>{{'참' if isLoggedIn else '거짓'}}</div>