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

Question

안녕하세요 강의 잘 보고있습니다. 설명을 정말 잘해주셔서 명강의라고 생각합니다!  그런데 궁금한 점이 생겨 질문을 올리게 되었습니다.  제가 실험삼아  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로 고쳐서 실행했더니 잘 실행되었습니다.  @{...} 이것과 |...| 이것 모두 문자와 표현식을 더하기 없이 사용할 수 있다는 장점이 있습니다. 그런데 차이점을 솔직히 잘 모르겠습니다.  @{...} 이 문법과 |...| 이 문법이 구분되어져 있는 이유가 있을까요?

David · Answer

안녕하세요. 컴퓨터공부하자님, 공식 서포터즈 Taewon David Hwang입니다. @{...} 문법은 Link(urls) 표현을 위한 문법이고 |...| 문법은 템플릿 문자열을 위한 문법입니다. . a태그 href속성 값의 조건은 링크를 나타내는 문자열입니다. 따라서 링크 표현 문법인 @{...} 사용하지 않고 템플릿 문자열을 통해 링크를 나타내는 문자열( /basic/items/1)을 href 속성의 값으로 제공한다면 동일하게 동작합니다. . 타임리프의 링크 표현 문법은 링크를 문자열로 제공하는 것 이외에도 다양한 기능을 지원합니다. 템플릿 문자열 문법은 문자열을 구성하는데 편리함을 제공합니다. 즉, 두 문법이 제공하고자 하는 기능의 목적이 다릅니다. 그 목적과 별개로 href 속성 값으로 문자열을 제공할 수 있는 일을 할 수 있는 것이죠. . 템플릿 문자열은 다음과 같이 문자열 구성에 편리함을 제공합니다. 중간에 변수를 넣어 문자열을 구성하기 위해서 쌍따옴표와 문자열을 더해주는 연산자를 사용할 필요가 없는 것이죠. 예시) String welcomeComment = "안녕하세요, " + userName + "님." + accessCount + "번째 방문을 환영합니다." String welcomeComment = `안녕하세요 {userName}님. {accessCount}번째 방문을 환영합니다.` . 감사합니다. * 참고 2.4 Link Expressions https://www.thymeleaf.org/doc/articles/standarddialect5minutes.html Link Urls  https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#link-urls Literal substitutions https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#literal-substitutions