게시판 페이지 만들기

Thymeleaf Decoupled Template Logic 🤔

현재 index 에서 컴포넌트의 분리를 위해서 <header th:replace="~{header :: header}"></header> 구문을 작성했는데, 점차 디자인을 진행하다보면 여러 구문들이 붙어서 코드가 많이 커질 수 있다.

그래서 thymeleaf 구문을 따로 분리시켜서 작성하고, index를 순수 마크업 상태로 유지시키는 방법

순수 마크업과 Thymeleaf 구문으로 따로 나뉨

참조-thymeleaf

세팅

스프링 부트 애플리케이션 프로퍼티에서 설정할 수 있도록 제공되지 않았기 때문에 세팅을 따로 진행해야함

ThymeleafConfig

package com.example.springboardproject.config;


import lombok.Getter;
import lombok.RequiredArgsConstructor;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.boot.context.properties.ConstructorBinding;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver;

@Configuration
public class ThymeleafConfig {

    @Bean
    public SpringResourceTemplateResolver thymeleafTemplateResolver(SpringResourceTemplateResolver defaultTemplateResolver, Thymeleaf3Properties thymeleaf3Properties) {
        defaultTemplateResolver.setUseDecoupledLogic(thymeleaf3Properties.isDecoupledLogic());

        return defaultTemplateResolver;
    }


    @RequiredArgsConstructor
    @Getter
    @ConstructorBinding
    @ConfigurationProperties("spring.thymeleaf3")
    public static class Thymeleaf3Properties {
        /**
         * Use Thymeleaf 3 Decoupled Logic
         */
        private final boolean decoupledLogic;
    }

}

직접 @ConfigurationProperties 만든 경우, 스캔을 진행해줘야 하기 때문에 main 애플리케이션 파일에 @ConfigurationPropertiesScan 을 추가해야 함

설명 🙋‍♀️

전반적인 내용은 thymeleafTemplateResolver라는 Bean을 등록하는 것으로
return 타입은 SpringResourceTemplateResolver →
ThymeleafAutoConfiguration을 불렀을 때 즉, thymeleaf를 스프링 부트 프로젝트에 넣었을 때 autoconfig 가 자동으로 잡힘, 그 때 들어가는 기본 thymeleaf template resolver.
여기에 기능을 추가하는 것 ! → setUserDecoupledLogic메소드이며, 이미 있는 기능이지만 외부 프로퍼티로 드러나지 않아서 보이지 않는 것 뿐
application.yaml에 thymeleaf에 많은 옵션이 있지만 decoupled 옵션은 나타나지 않는 것

✅ 즉, defaultTemplateResolver 에 원래 가지고 있던 기능을 추가해서 리턴하는 것 ~