Blogger - 04 범위 연산자

Blogger 범위 연산자 - 출력 제한(limit 또는 take), 건너 뛰기(skip 또는 offest), 범위 지정 연산자(to).
2 min read

범위 연산자는 배열의 출력 결과를 제어합니다

범위 연산자

연산자 설명
limit 출력 제한 연산자 array limit number
take 출력 제한 연산자 array take number
skip 건너 뛰기 연산자 array skip number
offset 건너 뛰기 연산자 array offset number
to 범위 지정 연산자 number to number

예제 1

limit 또는 take 연산자는 출력을 제한하는 연산자로 최대 출력 수를 지정할 수 있습니다. 아래 예제에서는 배열에 3개의 값이 존재합니다. limit를 이용해 2개의 값으로 제한하였기 때문에 결과 값으로 hello와 blogger만 출력됩니다.

<b:loop values='["hello", "blogger", "blogspot"] limit 2' var='item'>
  <data:item/>
</b:loop>
<!--
결과:
hello blogger
-->

게시물(posts)도 동일하게 동작합니다. 이 경우 처음 두 개의 게시물의 제목만 출력하고 나머지 게시물은 무시됩니다.

<b:loop values='data:posts limit 2' var='item'>
  <data:post.title/><br/>
</b:loop>

예제 2

offset 또는 skip 연산자는 주어진 수만큼 건너뛰기를 출력합니다. 아래 예제의 offset은 주어진 수만큼 건너뛰기 한 다음부터 출력합니다. 따라서 주어진 배열 중에서 두 개를 건너뛰므로 blogspot만 출력하게 됩니다.
<b:loop values='["hello", "blogger", "blogspot"] offset 2' var='item'>
  <data:item/>
</b:loop>
<!--
결과:
blogspot
-->

예제 3

to 연산자는 범위 지정 연산자로 사용할 수 있습니다. 예를 들어 다음은 2에서 9까지 배열을 만들어 출력합니다.

<b:loop values='2 to 9' var='item'>
  <data:item/>&nbsp;
</b:loop>
<!--
결과:
2 3 4 5 6 7 8 9
-->

최근 글 중 3, 4, 5인 게시물만 가져오려면 아래와 같이 <b:loop>를 하나 더 만들어 해결할 수 있습니다.

<b:loop values='2 to 4' var='range'>
  <b:loop index='num' values='data:posts' var='post'>
    <b:if cond='data:num == data:range'>
      <data:post.title/><br/>
    <b:if>
  <b:loop>
<b:loop>

<b:loop>의 인덱스 번호는 0부터 시작합니다. 예를 들어 현재 루프에 총 7개의 게시물이 있다고 가정해 봅시다. 7개의 게시물 번호는 0부터 6까지입니다. 3, 4, 5인 게시물을 가져오기 위해 범위를 지정하려면 '2 to 4'로 범위를 지정합니다. 게시물이 2~4에 해당하는 게시물을 출력하고, 나머지는 무시하게 됩니다.

You may like these posts

  • 웹을 디자인할 때 맨 먼저 떠올리기 쉬운 것이 바로 색상을 바꾸는 것입니다. 그만큼 색상은 쉽게 자주 변하는 속성 중 하나 입니다. 그런데 웹에서 어떻게 색상을 넣을까요? 색상을 소스 코드로 입력하는 몇 가지 대표적인 방법에 대해 알아보겠습니다. 목차 HEX 색상 #…
  • 쇼핑몰이나 전자상거래(eCommerce) 사이트에서 상품 리뷰 평점을 매길 때 별점을 사용합니다. 별 모양 특수문자 기호를 사용하여 반만 색칠된 별 모양을 만들 수 있습니다. 하지만 스타일이 잘 꾸며져 있지 않아 별로입니다. 또 다른 방법으로 별 모양 이미지 PNG 파일을 사용하여 투명…
  • 북마크는 일반적으로 즐겨 찾는 웹 사이트를 표시하기 위해 사용합니다. 구글 크롬, 사파리, 엣지 및 기타 브라우저는 웹 사이트의 주소 또는 이름을 저장합니다. 다시 접속하기 위해 URL 주소를 기억할 필요가 없습니다. 이처럼 Blogger에서도 북마크처럼 게시글로 직접 연결되는 링크 목록을…
  • Tawk.to는 방문자와 웹 사이트 내에서 실시간으로 소통할 수 있는 100% 무료 온라인 라이브 채팅 서비스입니다. 웹 사이트 방문자를 실시간으로 모니터링할 수 있고, 방문자와 라이브 채팅하고 실시간으로 응답할 수 있는 고객 지원 센터를 만들 수 있습니다. 물론 이 블로그에도 T…
  • 블로그에서 게시물의 내용이 매우 길 때 게시물 내에서 여러 페이지로 분할할 수 있습니다. 페이지 번호를 눌러 이전 페이지 또는 다음 페이지로 넘길 수 있습니다. 목차 페이지 나누고 번호 매기기 간단한 코드를 추가하기만 하면 게시물이 자동으로 여러 섹션으로 나뉩니다. 분할 포스트…
  • 복사 붙여넣기를 방지할 수 있습니까? 웹 브라우저의 소스 보기 또는 개발자 도구를 통해 각 속성들을 비활성화하면 텍스트를 복사 및 붙여넣기 할 수 있습니다. 어떤 방식으로든 다른 사람이 블로그 소스를 볼 수 없게 막을 수 없지만, 자바스크립트나 CSS 코드를 사용하여 복사 및 붙여 넣기 작업을…

Post a Comment