[java] Thymeleaf에서 이미지를 어떻게 표시하나요?

29 Nov 2023

java

다음은 Thymeleaf를 사용하여 이미지를 표시하는 예제 코드입니다:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>이미지 표시 예제</title>
</head>
<body>
    <img src="/images/image.jpg" th:src="@{${imagePath}}" alt="이미지">
</body>
</html>

위의 코드에서 <img> 태그의 src 속성에 이미지의 경로를 설정해줍니다. 이미지 경로를 Thymeleaf에서 사용하려면 th:src 속성과 @{...} 구문을 사용해야 합니다.

예를 들어, imagePath라는 Thymeleaf 변수를 사용하여 이미지 경로를 동적으로 설정할 수 있습니다. imagePath 변수에는 이미지 파일의 경로가 저장되어 있어야 합니다.

위의 예제 코드에서는 이미지 파일이 /images/image.jpg 경로에 있는 것으로 가정하고 있습니다. 실제 프로젝트에서는 해당 경로를 프로젝트의 이미지 경로에 맞게 수정해주어야 합니다.

Thymeleaf를 사용하여 이미지를 표시하는 방법에 대해 알아봤습니다. 이제 위의 예제 코드를 참고하여 이미지를 효율적으로 표시해보세요!

참고 자료:

Thymeleaf 공식 문서: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#setting-attribute-values