오늘도 열심히 쓰쁘링을 학습하는 도중....
html이 실시간으로 적용되지 않고 계속 서버를 재시작하는 것에
너무나 귀차니즘을 느낀 나머지 HTML LiveReload를 설정하기 위해
잠시 localhost와 인사를 하고구글 쇼핑을 하러 검색창에 달려갔다.😎
타 닥. 타 닥. '스프링 부트 실시간 코드 적용' [ENTER]
검색을 하고 찾아 설정을 해보지만 계속된 실패....!!!
하.지.만 우리가 누군가?!!
시간이 오래 걸려도 포기하지 않고 다른 글들을 조합해서
새로운 방법을 만들어보기로 마음 먹었다!
●
●
●
20개의 서로 다른 글들의 중복되는 정보와 다른 정보들을 정리하고
조합을 만들어 시도해보았는데
결국! 찾았다!!
장장... 새벽 3시가 다되어갈 무렵
수 많은 평행세계의 localhost8080을 희생해가며
여러 조합들을 시도한 끝에 답을 찾게 되었다.
바로 방법을 공유해 보겠다!
Step1.
file - settings - compiler - Build project autimatically □박스에 Check!!
----------------------------------------------------------------
Step2.
file - settings - 맨~아래 Advanced Settings - Allow auto-make to start event if developed application is currently running □박스에 Check!!
※ 아! 그리고 Registry의 compiler.automake.allow.when.app.running 체크는
버전업 하면서 위의 settings의 Allow auto-....로 변경되었다.😡
---------------------------------------------------------------
Step3.
bulid.gradle 코끼리 아저씨
dependencies {
developmentOnly("org.springframework.boot:spring-boot-devtools")
}
--------------------------------------------------------------
Step4.
application.properties
spring.devtools.livereload.enabled=true
# restart.enabled가 크롬 확장파일하고 연관있는 환경설정
spring.devtools.restart.enabled=true
# 아래 두 코드는 live reload 적용 파일 경로 설정
spring.resources.static-locations=file:src/main/resources/static/
spring.thymeleaf.prefix=file:src/main/resources/templates/
--------------------------------------------------------------
여기까지 왔다면 다 한 것이다.
이제 고지가 눈앞이다!
마지막으로 크롬웹브라우저 확장자(퍼즐 모양)인
이 아래 녀석을 다운받아주면 된다.
https://chrome.google.com/webstore/detail/livereload++/ciehpookapcdlakedibajeccomagbfab
LiveReload++ - Chrome 웹 스토어
Watches a port and reloads the page if needed.
chromewebstore.google.com
다운 받았다면 상단바에 고정시킨 후 한번 트~~치해준다면
초록 체크표시가 뜨면서 활성화된다.
이제 서버 재실행을 하고 LiveReload를 즐기면 된다.! 끝!
TMI
1. html을 수정하고 Ctrl + S 누르면 적용되는데 5초? 쯤 걸린다..
만약 5초가 너무 힘들다면 서버재실행의 기억을 떠올려보길 바란다.
2. html을 수정하고 localHost에서 f5번을 누르면 즉시 적용이 되더라...