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

  • resizeImage 연산자는 원본 이미지를 새로운 크기로 조정합니다. 일반 이미지를 적절한 크기로 재조정할 때 사용하는 썸네일 함수입니다. resizeImage 연산자 함수 설명 image…
  • 이항 및 삼항 연산자는 각각 2개와 3개의 피연산자를 사용하는 연산자입니다. 결과는 두 가지 값 중에서 선택됩니다. 구문 삼항 연산자 boolean ? allType : allType 이항 연산자 allType ?: allType 삼항 연산자 삼항 선택자는 3개의 피연산자를 포함하는 연…
  • 배열 연산자를 사용하면 배열의 출력 결과를 제어 할 수 있습니다. 연산자 목록 이름 연산자 피연산자 기본 구문 결과 까지 take …
  • URL 연산자는 URL를 구성하거나 추가하는 연산자입니다. URL 연산자 연산자 설명 path 새로운 URL 만듦 appendParams …
  • sourceSet 연산자는 반응형 이미지를 만들 때 사용합니다. 브라우저의 화면 크기에 따라 이미지 크기도 다르게 지정할 수 있습니다. resizeImage와 다른 점은 NewSize에 여러 이미지의 너비를 쉼표로 구분하여 설정합니다. sourceSet 연산자 …
  • 삼항 연산자는 조건부 연산자로 ' ? ' 와 ' : '를 사용합니다. if / else 와 동일하게 동작합니다. 삼항 연산자 삼항 연산자는 expr1이 참이면 expr2를 반환하고, 거짓이면 expr3을 반환합니다. (expr1) ? (expr2) : (expr3) 첫 번째에는 조건식이 들어…

Post a Comment