IntelliJ(Ultimate) + Thymeleaf Live reload(실시간 반영)적용하기

📎 인텔리제이 + Thymeleaf(타임리프) 에서 Live reload 적용하기

안녕하세요, 이번 시간에서는 인텔리제이 + 스프링부트 + 타임리프를 사용할 때, 간단한 html 파일을 변경한 후 재실행 없이 새로고침을 통해 바로바로 결과를 확인할 수 있도록 설정해보겠습니다.

(매 우 간 단)

 

 

1. 설정 파일(application.xml) 적용하기

spring.thymeleaf.cache=false

Thymeleaf도 JSP처럼 서버에서 결과를 만들어 브라우저(클라이언트)로 전송을 합니다.

위 cache=false 설정은 이미 생성된 결과를 서버에서 계속 보관할 것인지에 대한 설정입니다.

Thymeleaf 파일을 수정하고 저장한 후 브라우저에서 변경된 결과를 확인하기 위한 설정입니다.

 

 

 

2. Configuration 설정

인텔리제이 상단 Run > Edit Configurations 클릭

(혹은 아래 사진의 Edit Configurations... 클릭)

저는 현재 인텔리제이의 Ultimate(유료버전)을 사용하고 있어서 위와 같이 적용을 해주었는데요, Community(무료버전)에도 위와 같은 설정이 있는지는 확인을 해보지않았습니다! 😂

 

 

 

 

설정 파일에서 On 'Update' action, On frame deactivation 부분을 Update classes and resources 로 변경합니다.

 

 

 

위 작업을 끝난 뒤 어플리케이션을 실행하고, html 파일을 수정한 후 재기동없이 웹사이트에서 새로고침을 통해 바로바로 반영된 결과를 확인할 수 있습니다.

환경에 따라 다르겠지만, 몇 초정도는 걸릴 수 있습니다 !