IntelliJ - 페이지 자동 새로고침 설정하기 (LiveReload)

 

STS4로 스프링부트 연습하다가 IntelliJ로 바꾸니 페이지가 새로고침이 안되길래 찾아보았다.

알아보니 인텔리제이는 기본적으로 새로고침이 미설정으로 되어있어서 설정해줘야 한다고 하더라...

 

인텔리제이 자동 새로고침 설정

IDE Settings

• (인텔리제이에서) File - Settings

 

• Build, Execution, Deployment - Compiler
  • Build project automatically 체크

 

• Build, Execution, Deployment - Build Tools - Gradle
  • Build and run using : IntelliJ IDEA 로 변경

 

• Advanced Settings
  • Allow auto-make to start ~ 체크

---

Project Settings

• application.yml 또는 application.properties에서 아래의 코드 추가

### application.yml ###
# Page Reload
spring:
  devtools:
    livereload:
      enabled: true
    remote:
      restart:
        enabled: true
        
        
### application.properties ###
# Page Reload
spring.devtools.livereload.enabled = true
spring.devtools.restart.enabled = true

 

 

• build.gradle의 dependencies 부분에 의존성 주입

dependencies {
	// 소스 코드 변경시 자동으로 페이지 리로드 해주는 라이브러리
	developmentOnly 'org.springframework.boot:spring-boot-devtools'
}

---

크롬 확장 프로그램 설치 - LiveReload

• 아래의 링크에서 LiveReload 설치

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

LiveReload

---

자동 새로고침 확인

• 아무것도 없는 빈 페이지

 

• 내용 입력 후 서버 중지를 하지 않고 페이지 새로고침