블로그스팟 b:loop 태그 사용법 알아보기

블로그스팟 스킨에서 사용할 수 있는 태그인 b:loop 태그의 사용 방법에 대하여 설명하겠습니다. 여기서 태그란 티스토리 스킨에서의 치환자와 비슷한 역할을 하는 블로그스팟만의 자체적인 기능입니다. 블로그스팟도 잘 활용하면 티스토리에서 스킨을 수정하는 것처럼 멋진 템플릿을 만들 수 있지만 국내에는 관련 정보가 잘 알려져 있지 않은 것이 현실입니다.

블로그스팟 b:loop 태그란?

이름대로 반복문을 실행하는 태그입니다. 문법은 아래와 같습니다.

<b:loop index='INDEX_NAME' values='ARRAY' var='VARIABLE_NAME'>

</b:loop>

b:loop는 여러 번 중첩될 수 있습니다.

values에는 반복문을 실행할 데이터가 들어갑니다. 직접 리스트를 입력할 수도 있고, ARRAY 타입인 블로그스팟 표현(expression)을 넣을 수도 있습니다.

이렇게만 설명하면 이해하기 어렵습니다. 따라서 b:loop 태그를 활용하는 예시를 알려 드리겠습니다.

블로그스팟 b:loop 태그 활용 예시

템플릿에서 가장 빈번하게 b:loop를 활용하는 곳은 블로그 글 리스트나 인기 글 리스트입니다. b:loop 태그를 이용하여 블로그 글 리스트를 출력하는 방법을 알아봅시다.

블로그 글 목록이 담긴 태그는 data:posts입니다. 블로그 글의 제목들을 출력해 봅시다.

<b:loop values='data:posts' var='post'>
  <data:post.title/>
</b:loop>

위 예시에서 post는 임의로 설정한 변수 이름이며, 다른 이름으로 변경해도 잘 동작합니다. 변수 이름을 post로 표기하는 것은 블로그스팟 공식 템플릿에서 사용하는 표현일 뿐입니다.

<b:loop values='["사과", "바나나", "딸기"]' var='fruit'>
  <data:fruit/>
</b:loop>

위와 같이 values에 직접 배열을 넣어 그 결과를 출력할 수도 있습니다. 위 코드의 출력 결과는 아래와 같습니다.

사과 바나나 딸기