Blogger - 14 b:if 제어문

if는 블로거에서 가장 많이 사용되는 제어문입니다.

b:if 제어문

구글 블로그의 if 문은 <b:if> ... <b:elseif/> ... <b:else/> ... </b:if>와 같은 방법으로 제어할 수 있습니다.

<b:if cond='조건식 1'>
  <!-- 조건이 참이면 실행 -->
<b:elseif cond='조건식 2'/>
  <!-- 첫 번째 조건이 거짓이면 실행 -->
<b:else/>
  <!-- 모든 조건이 거짓이면 실행 -->
</b:if>

<b:if>에는 하나의 속성만 사용할 수 있으며 cond 속성은 불리언(boolean)으로 지정합니다.

예를 들어 다음과 같은 형식으로 사용될 수 있습니다.

<b:if cond='data:view.isHomepage'>
  <!-- 메인 페이지이면 실행 -->
</b:if>

예제

예제 1

다음은 두 조건 모두 모바일로 접속한 사용자이면 실행하는 코드입니다.

<b:if cond='data:blog.isMobile == "true"'>
  <!-- 모바일로 접속하면 실행 -->
</b:if>

<b:if cond='data:blog.isMobile'>
  <!-- 모바일로 접속하면 실행 -->
</b:if>

다음과 같이 중첩도 사용 가능합니다.

<b:if cond='data:blog.isHomepage'>
  <b:if cond='data:blog.isMobile'>
    <!-- 메인 페이지이고, 모바일로 접속하면 실행 -->
  </b:if>
</b:if>

또한 논리 연산자와 결합하여 사용 가능합니다.

다음은 모바일 접속이 아니지만 메인 페이지이면 실행하라는 뜻이 됩니다. !는 Not과 같고, ==는 and와 같습니다.

<b:if cond='!data:view.isMobile and data:view.isHomepage'>
  <!-- 조건이 참이면 실행 -->
</b:if>

<b:if cond='data:view.isMobile != and data:view.isHomepage == "true"'>
  <!-- 조건이 참이면 실행 -->
</b:if>

참고: 조건식에 사용된 따옴표는 작은 따옴표와 큰 따옴표 모두 사용 가능합니다.

예제 2

<b:if>에는 배열을 사용할 수 있습니다.

'조건식 == 값'과 같은 형식보다는 배열을 사용하는 것이 보기에도 좋고 효율적입니다.

<b:if cond='조건식 in [1, 2, 3, 4, 5, 6, 7]'>
  ...
</b:if>

<b:if cond='data:view.search.label in ["HTML", "CSS", "JS"]'>
  <!-- 라벨이 HTML, CSS, JS 중 하나라도 해당되면 실행 -->
<b:elseif cond='data:view.search.label not in ["SQL", "PHP"]'/>
  <!-- 라벨이 SQL, PHP 가 아니면 실행 -->
<b:else/>
  <!-- 모든 조건에 거짓이면 실행 -->
</b:if>

또는 중첩을 사용해도 좋습니다.

<b:if cond='조건식 == 1' >
  <b:if cond='조건식 == 2' >
    <b:if cond='조건식 == 3' >
      <b:if cond='조건식 == 4' >
        ...
      </b:if>
    </b:if>
  </b:if>
</b:if>

예제 3

<b:if>에는 삼항 연산자도 사용할 수 있습니다. 삼항 연산자는 <조건식> ? <true> : <false> 형식으로 주어진 조건식이 참이면 true를 거짓이면 false를 반환하는 형식입니다.

<div>
  <b:class expr:name='data:view.isHomepage ? "home" : "blogger"'/>
  <h1>제목</h1>
</div>

<!--
결과:
<div class='home'>
  <h1>제목</h1>
</div>
-->

현재 페이지가 메인 페이지이면 class 속성에 home을 추가하고, 메인 페이지가 아니면 blogger를 추가합니다.