[IntelliJ] HTML 수정 사항 즉시 반영하기 (Spring Boot DevTools)

프로젝트를 진행하다 보면

오타 수정이나 UI 레이아웃 변경 등 View(HTML) 단에서 사소한 수정이 굉장히 빈번하게 일어납니다.

하지만 코드 한 줄 바꿀 때마다 서버를 껐다 켜야 한다면 흐름도 끊기고 시간도 낭비됩니다.

 

이럴 때 개발 생산성을 확 올려주는 도구가 바로 Spring Boot DevTools입니다.

---

1. DevTools 라이브러리 추가하기

먼저 build.gradle 파일의 dependencies에 아래 라이브러리를 추가합니다.

dependencies {
    // 개발 편의를 위한 DevTools 추가
    developmentOnly 'org.springframework.boot:spring-boot-devtools'
}

Tip: developmentOnly는 실제 운영 환경(Production)에는 포함되지 않고 개발 환경에서만 동작하도록 설정하는 옵션입니다.

 

2. IntelliJ에서 실시간 반영 설정 (Recompile)

라이브러리를 추가하고 서버를 재시작했다면,

이제 서버를 끄지 않고도 변경 사항을 반영할 수 있습니다.

 

1. HTML 파일에서 내용을 수정합니다.

2. 상단 메뉴에서 Build -> Recompile '파일명.html'을 클릭합니다. (단축키: Ctrl + Shift + F9)

3. 브라우저를 새로고침하면 변경된 내용을 즉시 확인할 수 있습니다.

---

cf. 한 걸음 더! 자동으로 반영되게 설정하기

Recompile 버튼을 누르는 것조차 자동화하고 싶다면,

IntelliJ 설정을 통해 저장만 해도 자동 반영되도록 만들 수 있습니다.

1. Settings (Ctrl + Alt + S)
2. Build, Execution, Deployment -> Compiler
   - 'Build project automatically' 체크
3. Advanced Settings
   'Allow auto-make to start even if developed application is currently running' 체크

이렇게 설정하면 파일을 저장(Ctrl + S)만 해도 자동으로 컴파일이 되어 더욱 쾌적하게 개발할 수 있습니다.

---

작은 설정 하나로 개발 효율이 크게 달라지니,
아직 사용하지 않았다면 꼭 한 번 적용해 보세요 😊