리터럴 대체 문법과 링크 표현식에 대한 차이점이 무엇인가요?

안녕하세요 강의 잘 보고있습니다.

설명을 정말 잘해주셔서 명강의라고 생각합니다!

그런데 궁금한 점이 생겨 질문을 올리게 되었습니다.

제가 실험삼아

A: th:href="@{/basic/items/{itemId}(itemId=${item.id})}"

B: th:href="|/basic/items/{itemId}(itemId=${item.id})|"

C: th:href="@{/basic/items/${item.id}}"

D: th:href="|/basic/items/${item.id}|"

A부분을 B, C, D로 고쳐서 실행했더니 잘 실행되었습니다.

@{...} 이것과 |...| 이것 모두 문자와 표현식을 더하기 없이 사용할 수 있다는 장점이 있습니다. 그런데 차이점을 솔직히 잘 모르겠습니다.

@{...} 이 문법과 |...| 이 문법이 구분되어져 있는 이유가 있을까요?

안녕하세요. 컴퓨터공부하자님, 공식 서포터즈 Taewon David Hwang입니다.

@{...} 문법은 Link(urls) 표현을 위한 문법이고

|...| 문법은 템플릿 문자열을 위한 문법입니다.

a태그 href속성 값의 조건은 링크를 나타내는 문자열입니다. 따라서 링크 표현 문법인 @{...} 사용하지 않고 템플릿 문자열을 통해 링크를 나타내는 문자열(/basic/items/1)을 href 속성의 값으로 제공한다면 동일하게 동작합니다.

타임리프의 링크 표현 문법은 링크를 문자열로 제공하는 것 이외에도 다양한 기능을 지원합니다.

템플릿 문자열 문법은 문자열을 구성하는데 편리함을 제공합니다.

즉, 두 문법이 제공하고자 하는 기능의 목적이 다릅니다. 그 목적과 별개로 href 속성 값으로 문자열을 제공할 수 있는 일을 할 수 있는 것이죠.

템플릿 문자열은 다음과 같이 문자열 구성에 편리함을 제공합니다. 중간에 변수를 넣어 문자열을 구성하기 위해서 쌍따옴표와 문자열을 더해주는 연산자를 사용할 필요가 없는 것이죠.

예시)

String welcomeComment = "안녕하세요, " + userName + "님." + accessCount + "번째 방문을 환영합니다."

String welcomeComment = `안녕하세요 {userName}님. {accessCount}번째 방문을 환영합니다.`

.
감사합니다.

* 참고

인프런 커뮤니티 질문&답변