expr:는 속성의 접두사이며 속성 값에 Blogger 표현식이 포함되어 있음을 나타냅니다.
Blogger 표현식이란?
Blogger 표현식은 HTML 태그의 속성 값에 삽입되는 Blogger의 특정 코드입니다.
<TAG ATTRIBUTE='EXPRESSION'>
</TAG>
Blogger 표현식은 다음과 같이 구성되어 있습니다.
- 연산자
- Blogger 데이터
- 따옴표로 묶인 문자열
Blogger 표현식의 유형은 다음과 같습니다.
종류 | 의미 | 값 | |
---|---|---|---|
string | 문자열 | "string" |
|
boolean | 불리언 값 | true | false | yes | no |
|
number | 숫자 값 | 17 |
|
URL | 블로그 URL |
"https://.html"
|
|
image | 이미지의 URL |
"https://.jpeg"
|
|
date | 날짜 | "January 25, 2025" |
|
locale | 지역 설정 | "ko" |
|
message | 메시지 | "Home" |
|
skin | 래핑 변수의 값 | "#ffffff" |
|
object | 객체 |
{"item1":"value","item2":"value","item3":"value"}
|
|
array | array[string] | 문자열 배열 | ["string1","string2","string3"] |
array[boolean] | 불리언 값의 배열 | [true,false,true] |
|
array[number] | 숫자의 배열 | [1,2,3,4] |
|
array[URL] | 블로그 URL의 배열 |
["https://.html","https://.html","https://.html"]
|
|
array[image] | 이미지 URL의 배열 |
["https://.jpeg","https://.jpeg","https://.jpeg"]
|
|
array[date] | 날짜 배열 | ["January 25","April 2","October 29"] |
|
array[object] | 개체 배열 | [{object}] |
구문
<div expr:class='EXPRESSION' expr:id='EXPRESSION' expr:style='EXPRESSION'>
</div>
-
HTML 태그의 모든 속성에
expr:
접두사를 붙일 수 있습니다. -
특정 조건에서
expr:
접두사는 Blogger 태그와 관련된 표현식 속성에 사용될 수도 있습니다. 그러나 사용법은 약간 다릅니다.
HTML 태그에서
표준 HTML 태그에서 expr:
접두사는 속성 값에
Blogger 표현식을 포함하는 데 사용됩니다.
HTML 렌더링에서는 이 접두사가 출력되지 않고 Blogger 표현식의 결과로 아래와
같이 출력됩니다.
<div expr:class='data:view.type'
expr:id='"p-" + data:blog.blogId"'
expr:style='"font-size: " + data:view.isMobile ? 20 : 14 + "px;"'>
</div>
<div class='item'
id='p-0000000000'
style='font-size: 14px;'>
</div>
XML 태그에서
Blogger의 b:
태그에서
expr:
접두사를 사용하는 것은 완전히 새로운
의미를 갖습니다. Blogger의 대부분의 b:
태그는 이
expr:
접두사를 추가하지 않고 Blogger
표현식만으로 템플릿을 구성할 수 있기 때문입니다. 잘못된 사용으로 인해 템플릿
또는 위젯이 중단될 수 있습니다. 그러니 조심하세요 ...
expr:
접두사를 사용하면 문자열에서 데이터가
재구성될 수 있습니다. 예를 들어, 다른 이름을 가진 유사한 데이터가 여러 개 있고
코드를 한 번만 작성하려고 할 때, expr:
접두사가
포함된 표현식을 사용할 수 있습니다.
이해 못 하셨나요? 크게 중요하지 않습니다.
다음은 데이터를 재구성하는 예시입니다.
data:blog.blogId
data:view.postId
data:view.pageId
<b:with value='data:view.isPost ? "view.post" : (data:view.isPage ? "view.page" : "blog.blog")' var='dataName'>
<b:with expr:value='"data:" + data:dataName + "Id"' var='newData'>
데이터 값:<data:dataName/> ID:<data:newData/>
</b:with>
</b:with>
일반적인 방법으로 결과를 얻을 수 있다면 예제는 불필요하게 보일 수 있습니다. 그러나 이 방법은 배열을 다룰 때 필수적이며 데이터의 이름이 각각 다르기 때문에 코드를 여러 번 반복하는 것 외에 다른 해결책은 없습니다.
기타 표현식 속성
-
<html> (attributes)
expr: (prefix)
class
-
cond
data
expr
id
index
locked
maxwidgets
mobile
name
preferred
render
reverse
showaddelement
title
type
value
values
var
version
visible