더북(TheBook)

6.5.2.3 조건문

조건문은 {% if 변수 %} {% elif %} {% else %} {% endif %}로 이뤄져 있습니다.

넌적스

HTML

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

case문은 없지만 elif(else if 역할)를 통해 분기 처리할 수 있습니다.

넌적스

HTML

{% if fruit === 'apple' %}
<p>사과입니다.</p>
{% elif fruit === 'banana' %}
<p>바나나입니다.</p>
{% elif fruit === 'orange' %}
<p>오렌지입니다.</p>
{% else %}
<p>사과도 바나나도 오렌지도 아닙니다.</p>
{% endif %}
<!-- fruit이 apple일 때 -->
<p>사과입니다.</p>
<!-- fruit이 banana일 때 -->
<p>바나나입니다.</p>
<!-- fruit이 orange일 때 -->
<p>오렌지입니다.</p>
<!-- 기본값 -->
<p>사과도 바나나도 오렌지도 아닙니다.</p>

{{ }} 안에서는 다음과 같이 사용합니다.

넌적스

HTML

<div>{{'참' if isLoggedIn}}</div>
<div>{{'참' if isLoggedIn else '거짓'}}</div>
<!-- isLoggedIn이 true일 때 -->
<div>참</div>
<!-- isLoggedIn이 false일 때 -->
<div>거짓</div>

 

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.