[Intellij IDEA] 인텔리제이 html, Jsp, css, Js 파일 수정 시 자동 새로고침 설정하기

안녕하세요. hia의 개발 story입니다.

이클립스에서도 유용하게 사용하는 기능인 프론트 단에서의 정적 자원들이 자동 새로고침 되는 기능을 설정하려고 합니다. 

물론 이클립스도 설정을 해야하지만 지금은 인텔리제이를 공부하는 중이기 때문에 인텔리제이에서의 설정을 남겨보려 합니다.

 

우선 인텔리제이를 킨 후 화면 우측 상단에 있는 나의 서버를 찾아줍니다. 

쉽게 우측 상단 run버튼 왼쪽에 있는 main 서버를 찾아주는 곳입니다. 

눌러서 Edit Configurations.. 를 눌러줍니다. 

 

이전 버전에 대한 글만 올라와있어서 좀 찾기가 어려웠습니다. 

최신 버전에서는 아래 화면에서 Modify options를 눌러주면 됩니다. 

그러면 아래 화면이 나오는데 우리가 설정해줘야할 것은 On 'Update' action과 On frame deactivation입니다.

이 두 항목을 모두 Update classes and resources로 선택해줍니다. 

 

설정이 되면 아래 화면에서 처럼 본인이 설정한 항목들이 나오게 됩니다. 

확인이 되었다면 Apply 후 OK를 눌러 나와줍니다. 

저는 또한 타임리프 템플릿을 사용 중이기 때문에 application.properties에 아래 코드를 입력해줍니다. 

spring.thymeleaf.cache=false