티스토리 뷰
Spring Boot Project 개발 환경
Spring Boot Project Init
Spring Initializr 를 선택 후 next 버튼을 누릅니다.
Name : 프로젝트 이름
Type : Maven Poject
- 프로젝트 관리 툴은 Maven Project, Maven POM, Gradle Project, Gradle Config 네 가지가 있는데 영상에서 Maven Project를 사용해 그대로 Maven Project로 진행했습니다.
Group : 통상적으로 도메인 주소에 따라갑니다.
Package : Group 과 동일합니다.
설정을 마쳤으면 next 버튼으로 다음 단계로 넘어 갑시다.
다음 화면은 Spring Boot 프로젝트의 Dependencies 를 추가하는 부분 입니다. 여기서 우리는
Core - DevTools
Web - Web
Template - Mustache
를 추가 하고 시작 합니다. 해당 부분에 체크 해 주세요
다음은 프로젝트가 저장될 워크 스페이스를 설정 합니다.
설정이 끝났으면 finish를 누릅니다.
Spring-Boot 프로젝트 시작
짠 이제 부터 진짜 시작 합니다. 기본적으로 Spring Boot 프로젝트에는 Tomcat 이 내장되어 있습니다. 그래서 톰캣을 따로 설정 할 필요 없이 프로젝트 run 하면 잘 돌아 갑니다.
아무파일도 건드리지 않고 프로젝트를 run 해 보겠습니다.
이제 크롬 브라우저 에서 https://localhost:8080/ 으로 접속하면
네 이런 에러 페이지 뜹니다. 당연합니다. index.html 파일을 만들어 주지 않았으니깐요 . 이제 만들어 줍시다. 경로는
src/main/resources/static
이곳에 index.html 파일을 추가해 줍시다.
그리고 서버를 재시작 합니다.
그리고 다시 localhost 로 접속하면
짠 index.html을 잘 불러 오는 것을 볼 수 있습니다.
Spring-Boot DevTools + LiveReload 를 사용하기 위한 IntelliJ 세팅
이제 위에서 추가한 Spring-Boot Core 에 있는 Dependencies 인 DevTools와 Chrome Extension Livereload를 이용해 웹 개발을 좀더 편하게 하는 방법을 정리 하겠습니다.
IntelliJ 에선 기본적으로 소스 파일에 대한 변경시 자동으로 컴파일 하지 않습니다. 하지만 STS 에선 저장하면 항상 새로 컴파일을 하는데 이 점 때문에 강의 영상에서 DevTools + livereaload 로 실시간 변경사항이 적용이 안되었는데요. 지금 부터 IntelliJ에서 저장 시 자동으로 컴파일 해 서버를 다시 Rerun 하는 일이 없게 하는 세팅을 정리해 보겠습니다.
먼저 compiler 세팅 부터 하겠습니다. 위 상단 메뉴 바에 사과 옆에
IntelliJ IDEA 클릭 -> Preferences 클릭 (단축키 cmd + ,) -> Build, Execution, Deployment -> Compiler 로 들어갑니다
여기서 Make project automatically 를 체크 후 Apply -> OK 해주세요
그리고 cmd + shift + a 를 누른 후 registry 를 검색 합니다.
compiler.automake.allow.when.app.running 을 체크해 주고 Close 해줍니다.
그리고 IntelliJ 재 실행 한 후 구글에 livereload 검색 한 후 LiveReload - Chrome 웹 스토어 - Google로 들어가 주세요
설치 하면
설치 완료 하면 저기 빨간색으로 표시된 아이콘이 생겨요. 클릭 한 후 이제 서버에 index.html 변경 하면 실시간으로 변경 사항이 반영 될 거에요.
References
IntelliJ 세팅 부분
https://patrickgrimard.io/2016/01/18/spring-boot-devtools-first-look/