Blogger - 06 논리 연산자

Blogger 논리 연산자 - 불리언(boolean)의 값 비교.
2 min read

논리 연산자는 불리언(boolean) 값을 비교하는 데 사용됩니다.

논리 연산자

설명
a && b a와 b 모두 true 일 때
a and b
a || b a나 b 중 하나가 true 일 때
a or b
!a a가 false 일 때
not

예제 1

다음은 and 연산자를 사용한 예제입니다.

<b:if cond='data:blog.isMobileRequest and data:view.isLabelSearch'>
  <h1>hello</h1>
</b:if>

모바일 접속상태이고 현재 페이지가 라벨(label) 검색이면 'hello' 문구를 표시합니다. 만약 and 대신 &&를 사용할 경우 블로거 에디터에서 구문 분석 오류가 발생합니다. 따라서 아래와 같이 &amp;&amp;로 변경하여 작성해야 합니다.

<b:if cond='data:blog.isMobileRequest &amp;&amp; data:view.isLabelSearch'>
  <h1>hello</h1>
</b:if>

예제 2

and 연산자는 주어진 조건이 모두 참일 때만 표시하지만 or 연산자는 주어진 조건식 중 어느 하나라도 true이면 표시합니다. 그러므로 다음 결과는 현재 페이지가 라벨 검색이거나 모바일 접속이면 'hello' 문구를 출력합니다.

<b:if cond='data:blog.isMobileRequest or data:view.isLabelSearch'>
  <h1>hello</h1>
</b:if>

예제 3

not 또는 ! 연산자는 false일 때 출력하는 조건식입니다. 아래 코드는 모바일이 아니라면 'hello'을 표시합니다.

<b:if cond='!data:blog.isMobileRequest'>
  <h1>hello</h1>
</b:if>

예제 4

in 은 라벨(label)이 true 일 때 표시하고, not in 이면 피연산자의 값이 반대일 때 표시합니다.

<!-- 조건식이 true 일 때  -->
<b:if cond='data:view.search.label in {"naver", "tistory", "blogger"}'>
  <h1>hello</h1>
</b:if>

<!-- 조건식이 false 일 때 -->
<b:if cond='data:view.search.label not in {"naver", "tistory", "blogger"}'>
  <h1>hello</h1>
</b:if>

첫 번째 조건식은 라벨이 "naver", "tistory", "blogger" 해당한다면 결과로 표시되고, 두 번째 조건식은 라벨이 "naver", "tistory", "blogger" 에 해당하지 않는다면 결과로 표시하라는 뜻이 됩니다.

in은 Membership 연산자 입니다.

실전 예제 1

아래 코드는 페이지 종류가 게시물 보기이거나 게시물 목록(인덱스 페이지)일 때 결과를 표시하는 예제입니다.

<b:if cond='data:blog.pageType == "item" or data:blog.pageType == "index"'>
  <h1>hello</h1>
</b:if>

실전 예제 2

다음 예제는 라벨(label)이 'blogger'이거나 게시물 목록(인덱스 페이지)일 때는 결과가 표시되지만 메인 페이지에는 결과를 표시하지 않습니다.

<b:if cond='data:blog.searchLabel == "blogger"
  or (data:blog.pageType == "index" and data:blog.url != data:blog.homepageUrl)'>
  <h1>hello</h1>
</b:if>

You may like these posts

  • 웹을 디자인할 때 맨 먼저 떠올리기 쉬운 것이 바로 색상을 바꾸는 것입니다. 그만큼 색상은 쉽게 자주 변하는 속성 중 하나 입니다. 그런데 웹에서 어떻게 색상을 넣을까요? 색상을 소스 코드로 입력하는 몇 가지 대표적인 방법에 대해 알아보겠습니다. 목차 HEX 색상 #…
  • 기본적으로 3개의 탭을 사용할 수 있으며 하나의 게시물에 최대 4개의 탭을 추가할 수 있습니다. Tabs Post.txt를 다운로드합니다. 텍스트 파일을 열어 기존 코드를 모두 복사합니다. …
  • Tawk.to는 방문자와 웹 사이트 내에서 실시간으로 소통할 수 있는 100% 무료 온라인 라이브 채팅 서비스입니다. 웹 사이트 방문자를 실시간으로 모니터링할 수 있고, 방문자와 라이브 채팅하고 실시간으로 응답할 수 있는 고객 지원 센터를 만들 수 있습니다. 물론 이 블로그에도 T…
  • 구글 블로그에서 방문자에게 날씨 정보를 보여주고 싶을 경우, 사이드바에 위젯을 추가하여 날씨 상황을 표시할 수 있습니다. 인터넷에서 검색을 통해 날씨 상황을 알 수도 있지만 내 블로그를 관리하면서 날씨도 확인할 수 있다면 편리할 것입니다. 이 포스팅에서는 다크스카이에서 제공하는 서비스를 활…
  • 쇼핑몰이나 전자상거래(eCommerce) 사이트에서 상품 리뷰 평점을 매길 때 별점을 사용합니다. 별 모양 특수문자 기호를 사용하여 반만 색칠된 별 모양을 만들 수 있습니다. 하지만 스타일이 잘 꾸며져 있지 않아 별로입니다. 또 다른 방법으로 별 모양 이미지 PNG 파일을 사용하여 투명…
  • 구글 캘린더를 이용하면 웹사이트에 달력을 추가할 수 있습니다. 데스크톱뿐만아니라 모바일 앱으로 연동하여 일, 주, 월 단위로 자신의 일정을 쉽게 관리할 수 있습니다. 이 포스팅에서는 구글 블로그 사이드바에 달력 위젯을 추가하는 방법에 대해 알아봅니다. 아래 단계를 따라 천천히 살펴보세요. …

Post a Comment