blogger - URL 연산자

쿼리 스트링(Query String)은 GET 빙식으로 데이터를 넘길 때 URL 주소 뒤에 붙는 입력 데이터 key=value 형식의 파라미터를 말합니다. URL 생성자는 블로거의 URL를 새로운 URL로 구성하거나 추가 또는 수정하는 연산자입니다.

예 제	설 명
path	새로운 URL를 만듦
appendParams	URL에 쿼리 스트링을 추가
params	URL에 쿼리 스트링을 추가 및 변경
fragment	앵커 추가 및 변경

path 연산자는 URL에 문자열과 결합하여 새로운 URL를 만듭니다. 아래 코드는 블로그 주소에 새로운 문자열 "/search/label/하보니" 이 추가되어 반환합니다.

<b:eval expr='data:blog.url path "/search/label/하보니"' />
<!--//
결과:
https://example.blogspot.com/search/label/하보니
//-->

appendParams 연산자를 사용하면 URL에 쿼리 스트링을 추가할 수 있습니다. 아래 결과는 블로그 주소에 새로운 쿼리 스트링 "?label=하보니&meta=true" 가 추가되어 반환합니다.

<b:eval expr='data:blog.url appendParams { label: "하보니", meta: "true" }' />
<!--//
결과:
https://example.blogspot.com/?label=하보니&meta=true
//-->

params 연산자는 appendParams 과 비슷하게 동작하지만 기존 쿼리 스트링이 있다면 새로운 쿼리 스트링으로 대체되어 반환한다는 점을 제외하면 동일합니다.

<!-- params 예제 -->
<b:eval expr='data:blog.url path "?m=1" params { label: "하보니", m: "2" }' />
<!--//
결과:
https://example.blogspot.com/?label=하보니&m=2
//-->

<!-- appendParams 예제 -->
<b:eval expr='data:blog.url path "?m=1" appendParams { label: "하보니", m: "2" }' />
<!--//
결과:
https://example.blogspot.com/?label=하보니&m=1&m=2
//-->

위 코드에서 알 수 있듯 params 과 appendParams 는 다른 결과를 얻었습니다. params 는 기존 쿼리 스트링 m=1 이 m=2 로 교체되어 반환되는 것을 확인할 수 있습니다.

페이지 내 긴 문서에서 특정한 요소를 클릭하면 그 위치로 이동시켜주는 기능을 앵커라고 부릅니다. fragment 는 새로운 앵커를 만들거나 기존 앵커를 변경할 수 있습니다.

<b:eval expr='data:blog.searchUrl fragment "top"' />
<!--//
결과:
https://example.blogspot.com/search#top
//-->

다음은 앵커를 새로운 앵커로 교체하는 예제입니다. 아래 결과를 보면 알 수 있듯 #top 앵커가 #return 앵커로 교체되는 것을 확인할 수 있습니다.

<b:eval expr='data:blog.searchUrl path "#top" fragment "return"' />
<!--//
결과:
https://example.blogspot.com/#return
//-->