프레임워크/스프링부트

쓰쁘링 부트에서 HTML 실시간 적용

Minerva579 2024. 8. 11. 18:41
반응형

 

 

 

오늘도 열심히 쓰쁘링을 학습하는 도중....

 

 

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번을 누르면 즉시 적용이 되더라...

반응형