본문 바로가기
Thymeleaf

4. Thymeleaf 기본 문법 - 2

by leo2114 2024. 2. 22.
반응형

리터럴 (Literal) 텍스트

Thymeleaf에서 리터럴 텍스트는 템플릿에 직접 포함된 일반적인 텍스트를 의미합니다. 이 텍스트는 단순히 템플릿에서 출력되는 것으로, Thymeleaf에 의해 특별히 처리되지 않습니다. 이번 챕터에서는 Thymeleaf에서 리터럴 텍스트를 어떻게 사용하는지 자세히 알아보겠습니다.

1. 기본적인 리터럴 텍스트 사용

Thymeleaf에서 리터럴 텍스트는 HTML 템플릿 내에서 그대로 사용됩니다. 예를 들어, 다음과 같이 단순한 텍스트를 출력할 수 있습니다.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Literal Text Example</title>
</head>
<body>
    <p>This is a literal text.</p>
</body>
</html>

 

위의 코드에서 "This is a literal text."는 그대로 HTML 템플릿에 포함되어 출력됩니다.

2. 리터럴 텍스트와 Thymeleaf 문법 혼용

리터럴 텍스트는 Thymeleaf 문법과 함께 혼용될 수 있습니다. 이를 통해 동적인 내용과 정적인 내용을 효과적으로 결합할 수 있습니다.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Literal Text with Thymeleaf Example</title>
</head>
<body>
    <p th:text="'Hello, ' + ${name}">Hello, Guest</p>
    <p>This is a literal text.</p>
</body>
</html>

 

위의 코드에서 첫 번째 <p> 요소는 Thymeleaf 표현식을 사용하여 동적으로 name 변수의 값을 출력합니다. 두 번째 <p> 요소는 단순한 리터럴 텍스트를 출력합니다.

3. 리터럴 텍스트와 특수 문자

리터럴 텍스트 내에서 특수 문자를 사용할 경우에는 이스케이프 처리를 해주어야 합니다. 특히 HTML 태그 기호(<, >, & 등)를 사용할 때는 이스케이프 처리를 주의해야 합니다.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Literal Text with Special Characters Example</title>
</head>
<body>
    <p>This is an example of &lt;p&gt; tag.</p>
</body>
</html>

 

위의 코드에서 <p> 태그를 이스케이프 처리하여 출력하였습니다.

리터럴 텍스트는 Thymeleaf 템플릿에서 주로 정적인 내용을 표현할 때 사용됩니다. 이를 통해 동적인 데이터와 함께 다양한 형태의 템플릿을 만들 수 있습니다. Thymeleaf는 이러한 리터럴 텍스트를 자유롭게 사용할 수 있도록 지원합니다.

반응형

'Thymeleaf' 카테고리의 다른 글

9. Thymeleaf 템플릿 - 2  (0) 2024.02.22
8. Thymeleaf 템플릿 - 1  (0) 2024.02.22
7. Thymeleaf 기본 문법 - 5  (0) 2024.02.22
6. Thymeleaf 기본 문법 - 4  (0) 2024.02.22
5. Thymeleaf 기본 문법 - 3  (0) 2024.02.22
3. Thymeleaf 기본 문법 - 1  (0) 2024.02.22
2. Thymeleaf 소개 - 2  (0) 2024.02.22
1. Thymeleaf 소개 - 1  (0) 2024.02.22