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

 

 

 

○ 조건문

 

Pug에서의 조건문입니다. 역시 if, else if, else를 사용할 수 있습니다. 더불어 case 역시 사용이 가능합니다. 예시에서 isLoggedIn의 T/F 여부에 따라서 HTML을 다르게 렌더링 하는 경우를 살펴보겠습니다. 

 

 

[HTML]

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

 

 

[Pug]

if isLoggedIn
    div 로그인 되었습니다.
else
    div 로그인이 필요합니다.

 

 

 

case문도 아래와 같이 적용이 가능합니다.

 

 

[HTML]

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

 

 

[Pug]

case fruit
    when 'apple'
        p 사과입니다.
    when 'banana'
        p 바나나입니다.
    when 'orange'
        p 오렌지입니다.
    default
        p 사과도 바나나도 오렌지도 아닙니다.