Springboot에서 HTML파일도 리로드 되게 하기
- Spring Boot DevTools는 자바 파일 리로드는 지원하지만, HTML, CSS, JavaScript와 같은 정적 리소스 파일은 기본적으로 자동 리로드를 지원하지 않습니다. 🔄
- 특히 VS Code 환경에서는 HTML 파일 수정 시 자동 리로드를 위해 추가 설정이 필요하며, 이는 SI 프로젝트 등에서 여전히 사용되는 Thymeleaf/JSP 환경에 유용합니다. 💻
- 자동 리로드를 활성화하려면
spring.devtools.livereload.enabled=true 설정을 application.properties에 추가해야 합니다. ⚙️
- 브라우저에서 리로드 기능을 사용하려면 'LiveReload Ribbon'과 같은 크롬 확장 프로그램을 설치하고 활성화(초록불)해야 합니다. 🌐
- HTML 파일 수정 시 변경 사항을 감지하고 빌드 폴더로 복사하는 Gradle의
processResources 태스크를 실행해야 합니다. 📁
- VS Code에서는 'File Watcher' 확장 프로그램을 설치하여 HTML 파일 변경을 감지하고,
.vscode/settings.json에 cd ${workspaceFolder} && gradlew processResources 명령을 실행하도록 설정합니다. 👁️
settings.json 설정 시 match 옵션으로 감시할 파일 확장자(예: .html, .css, .js)를 지정하고, event 옵션으로 파일 변경 시 동작하도록 설정합니다. 📝
- 리로드 속도는 순수 프론트엔드 개발보다는 느리지만, 애플리케이션 재시작 없이 변경 사항을 즉시 확인할 수 있어 개발 효율성을 높여줍니다. 🚀
- 설정이 성공적으로 완료되면 VS Code 터미널에 'SUCCESS' 메시지가 표시되며, 오류 발생 시 로그를 통해 문제 해결이 가능합니다. ✅