속성의 접두사 - expr:

expr:는 속성의 접두사이며 속성 값에 Blogger 표현식이 포함되어 있음을 나타냅니다.
7 min read

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}]


구문

XML
<div expr:class='EXPRESSION' expr:id='EXPRESSION' expr:style='EXPRESSION'>

</div>
  • HTML 태그의 모든 속성에 expr: 접두사를 붙일 수 있습니다.
  • 특정 조건에서 expr: 접두사는 Blogger 태그와 관련된 표현식 속성에 사용될 수도 있습니다. 그러나 사용법은 약간 다릅니다.


HTML 태그에서

표준 HTML 태그에서 expr: 접두사는 속성 값에 Blogger 표현식을 포함하는 데 사용됩니다.
HTML 렌더링에서는 이 접두사가 출력되지 않고 Blogger 표현식의 결과로 아래와 같이 출력됩니다.

XML
<div expr:class='data:view.type'
     expr:id='"p-" + data:blog.blogId"'
     expr:style='"font-size: " + data:view.isMobile ? 20 : 14 + "px;"'>

</div>
HTML 렌더링
<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
Demo
<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>
첫 번째 표현식에는 expr: 접두사가 없습니다. 우리가 찾는 결과는 blog.blog 또는 view.post 또는 view.page와 같은 단일 문자열이기 때문입니다.
두 번째 표현식에는 expr: 접두사가 필요합니다. 목적은 데이터를 재구성하는 것이며 단순한 문자열이 아닌 데이터로 간주되어야하기 때문입니다.

일반적인 방법으로 결과를 얻을 수 있다면 예제는 불필요하게 보일 수 있습니다. 그러나 이 방법은 배열을 다룰 때 필수적이며 데이터의 이름이 각각 다르기 때문에 코드를 여러 번 반복하는 것 외에 다른 해결책은 없습니다.



기타 표현식 속성

  • <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

You may like these posts

  • if는 블로거에서 가장 많이 사용되는 제어문입니다. b:if 제어문 구글 블로그의 if 문은 <b:if> ... <b:elseif/> ... <b:else/> ... </b:if>와 같은 방법으로 제어할 수 있습니다. <b:if cond='조건식 1'> …
  • 블로그에서 게시물의 내용이 매우 길 때 게시물 내에서 여러 페이지로 분할할 수 있습니다. 페이지 번호를 눌러 이전 페이지 또는 다음 페이지로 넘길 수 있습니다. 목차 페이지 나누고 번호 매기기 간단한 코드를 추가하기만 하면 게시물이 자동으로 여러 섹션으로 나뉩니다. 분할 포스트…
  • 비교 연산자는 주로 조건식에 사용됩니다. 비교 연산자는 두 값을 비교하여 참(true), 거짓(flase) 여부를 결정하는 연산자입니다. 비교 연산자 예설명 a == ba와 b가 같으면 true …
  • 복사 붙여넣기를 방지할 수 있습니까? 웹 브라우저의 소스 보기 또는 개발자 도구를 통해 각 속성들을 비활성화하면 텍스트를 복사 및 붙여넣기 할 수 있습니다. 어떤 방식으로든 다른 사람이 블로그 소스를 볼 수 없게 막을 수 없지만, 자바스크립트나 CSS 코드를 사용하여 복사 및 붙여 넣기 작업을…
  • 북마크는 일반적으로 즐겨 찾는 웹 사이트를 표시하기 위해 사용합니다. 구글 크롬, 사파리, 엣지 및 기타 브라우저는 웹 사이트의 주소 또는 이름을 저장합니다. 다시 접속하기 위해 URL 주소를 기억할 필요가 없습니다. 이처럼 Blogger에서도 북마크처럼 게시글로 직접 연결되는 링크 목록을…
  • Membership 연산자는 값이 시퀀스의 멤버인지 확인합니다. 연산 결과는 항상 불리언(boolean) 값을 반환합니다. Membership 연산자 연산자 설명 예 in …

Post a Comment