Blogger - 13 eval 연산자

Blogger eval 연산자 - 블로거 변수 및 일반 문자열, 숫자 값을 결합하여 표현식의 결과 값을 새로운 값으로 출력함.
1 min read

eval 연산자는 표현식의 결과를 표시하는데 사용됩니다. 블로거 데이터 값이나 문자열과 결합한 값을 출력합니다.

eval 연산자

eval 연산자는 expr에 있는 블로거 변수와 일반 문자열, 그리고 숫자와 같은 값을 결합한 새로운 값을 출력합니다.

<b:eval expr='조건식'/>

예를 들어 구독 버튼의 글자와 블로그 제목을 결합하려면 다음과 같이 합니다.

<b:eval expr='data:messages.subscribe + "하기 - " + data:blog.title'/>
<!--
결과:
구독하기 – 구글 블로그 만들기
-->

예제

예제 1

게시물의 내용을 가져오지만 전체 내용의 250자 이내로 출력하고, 링크가 있는 경우 링크 태그를 제거한 문자열로 변환하며, 줄바꿈을 사용하려면 아래 코드와 같이 작성합니다.

<b:eval expr='data:post.body snippet {length: 250, links: false, linebreaks: true}'/>

예제 2

다음은 h1 태그에 expr:를 적용하여 블로거 변수 (data:xxxx)와 문자열을 혼합한 예제입니다.

<h1 expr:class='"p-" + data:post.id'>
  구글 블로그 만들기
</h1>
<!--
결과:
<h1 class='p-222264705372'>
  구글 블로그 만들기
</h1>
-->

예제 3

다음은 태그에 loop와 eval를 이용해 증가 값을 가지도록 한 예제입니다.

<ul>
<b:loop values='[1,2,3,4,5,6,7,8,9]' index='num' var='number'>
  <li><b:eval expr='data:num + 1'/> - <data:number/></li>
</b:loop>
</ul>
<!--
결과:
1 – 1
2 – 2
3 – 3
4 – 4
...
-->

You may like these posts

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

Post a Comment