(Spring Boot) Devtools를 이용한 개발 환경 설정

Devtools와 Chrome Live Reload Plugin 을 이용한 개발 환경 설정

스프링 부트로 개발할때, html, css, javascript등  View 변경 시 다시 빌드를 해야되는데, 시간이 소모가 생각보다 크다.

 

Devtools 와 Chrome Live Reload 플러그 인을 쓴다면, 저장 시 브라우저의 html, css javascript의 변경 사항을 자동으로 감지하고 변경된 내용이 적용을 해준다. (신세계 경험)

 

간단한 설정 3분으로 귀중한 시간을 아낄 수 있다.!

 

Step1. build.gradle 파일에 Devtools 추가

gradle 기준

dependencies {
    runtimeOnly 'org.springframework.boot:spring-boot-devtools'
}

Step2. application.yml을 이용한 livereload 설정 변경

Step3.

Shift Shift registry 검색 후 compiler.automake.allow.when.app.running 체크

 

Step4. File > Setting (단축키 Ctrl + Alt + S) Compile 에서 Build project atomatically 체크

 

Step5. Chrome LiveReload 플러그인 설치

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=ko

 

해당 사항을 체크 하고 liveReload를 클릭하면 가운데 원이 색칠된다.

그리고 html 코드를 변경하고 저장하면 자동으로 페이지가 Reload 됨을 볼 수 있다.