layout 질문드립니다 ㅠㅠ

안녕하십니까, 현재 thymeleaf 공부 중인 수강생입니다!

제가 thymeleaf layout을 dialect로 구현하려는데 header와 footer 부분이 출력되지 않아 dialect 버전도 바꿔보고 이것저것 수정하며 이틀 간 끙끙대다 결국 질문드리게 되었습니다 ㅠㅠ

thymeleaf 2.6.1

layout-dialect 2.5.3

의존성 추가

    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
    implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect:2.5.3'

header.html

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
    <div class="header" th:fragment="header">
        header 영역
    </div>
</html>

footer.html

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
    <div class="footer" th:fragment="footer">
        footer 영역
    </div>
</html>

layoutFirst.html

<!DOCTYPE html>
<html lang="ko"
xmlns:th="http://www.thymeleaf.org" 
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <th:block layout:fragment="css"></th:block>
    <th:block layout:fragment="script"></th:block>
</head>
<body>
    <div th:replace="fragments/header::header"></div>
    <div layout:fragment="content"></div>
    <div th:replace="fragments/footer::footer"></div>
</body>
</html>

thymeleafMain.html

<!DOCTYPE html>
<html lang="ko"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout=http://www.ultraq.net.nz/thymeleaf/layout
layout:decorator="~{layouts/layoutFirst}">

    <div layout:fragment="content">
        main 영역
    </div>
</html>

여기 xmlns:th="http://www.thymeleaf.org" 부분이 회색으로 되어있고 Namespace declaration is never used 라고 메세지가 뜹니다..

ThymeleafController

@Controller
@RequestMapping("/view")
public class ThymeleafController {

    @GetMapping("/main")
    public String thymeleafMain(){

        return "thymeleaf/thymeleafMain";
    }
}

결과로 header영역, footer영역, main 영역이 다 출력되어야 할 것 같은데 그림과 같이 main 영역만 나오고 있습니다.. 혹시 제가 실수한 부분이 있는 건가요?

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