타임리프(Thymeleaf)에서 '|' 사용하기

신수정·2024년 5월 26일
0

오늘은 타임리프(Thymeleaf)에서 유용하게 사용되는 연산자인 '|'에 대해 알아보겠습니다. 타임리프는 HTML 템플릿 엔진으로, Spring Framework와 함께 자주 사용됩니다. 타임리프의 다양한 기능 중에서도, '|' 연산자는 텍스트 치환과 표현식 평가에 있어 중요한 역할을 합니다.

'|' 연산자의 기본 사용법

타임리프에서 '|' 연산자는 주로 텍스트 치환에서 사용됩니다. 이는 템플릿 내에서 특정 표현식을 평가하고, 그 결과를 텍스트로 대체하는 기능을 합니다. 다음은 간단한 예제입니다.

<p th:text="'Hello, ' + ${user.name} + '!'">Hello, Guest!</p>

위의 코드는 사용자의 이름을 포함한 인사말을 출력합니다. 만약 user.name이 'John'이라면, 결과는 'Hello, John!'이 됩니다. 그러나 이는 문자열 연결을 사용한 예제입니다. '|' 연산자는 이를 좀 더 간단하게 만들어줍니다.

<p th:text="|Hello, ${user.name}!|">Hello, Guest!</p>

위 코드에서 '|' 연산자는 문자열 내에 변수 표현식을 쉽게 포함할 수 있도록 도와줍니다. 이 방식은 코드의 가독성을 높여줍니다.

복잡한 표현식에서의 '|' 사용

타임리프는 단순한 텍스트 치환 외에도 복잡한 표현식을 처리할 수 있습니다. 예를 들어, 조건부 표현식을 사용할 때 '|' 연산자를 활용할 수 있습니다.

<p th:text="${user.age > 18 ? 'Adult' : 'Minor'}">Unknown</p>

위의 코드는 사용자의 나이에 따라 'Adult' 또는 'Minor'를 출력합니다. '|' 연산자를 사용하면 더욱 직관적인 문법으로 표현할 수 있습니다.

<p th:text="|${user.age > 18 ? 'Adult' : 'Minor'}|">Unknown</p>

이처럼 '|' 연산자는 텍스트 내에 표현식을 포함시켜 가독성을 높여줍니다.

다국어 지원 및 메시지 번들

타임리프는 다국어 지원을 위한 메시지 번들 기능을 제공합니다. 이 때 '|' 연산자를 사용하여 메시지를 쉽게 삽입할 수 있습니다.

<p th:text="#{welcome.message}">Welcome!</p>

메시지 번들 파일(messages.properties)에 다음과 같은 내용이 있다고 가정해봅시다.

welcome.message=Hello, ${name}!

이를 '|' 연산자와 함께 사용하면, 코드가 훨씬 더 직관적이고 간결해집니다.

<p th:text="|#{welcome.message}|">Welcome!</p>

타임리프는 메시지 번들에서 표현식을 지원하기 때문에, 사용자의 이름을 포함한 메시지를 쉽게 출력할 수 있습니다.

결론

타임리프에서 '|' 연산자는 텍스트 치환과 표현식 평가를 더욱 간편하고 직관적으로 만들어줍니다. 이를 활용하면 템플릿 코드의 가독성이 향상되고, 유지보수가 쉬워집니다.

profile
안녕하세요:)

0개의 댓글