웹 페이지를 만들 때 사용자들이 조금 더 매끄럽게 서비스를 사용할 수 있도록 SPA로 만드는 경우가 많습니다. 본 블로그 포스팅은 Spring boot와 Vue js를 이용해 간단한 SPA를 개발하기 위한 개발 환경 설정과 관련된 포스팅입니다. Spring Boot와 Vue js를 어느정도 사용할 줄 알고 있고, 두 프레임워크를 연동해 개발하는 방법을 찾고 계시는 분들께서 읽기에 적당한 글입니다.
아래 가이드를 따라가기 전에 npm, vue.js가 모두 설치되어 있어야 합니다!
1-1)간단한 Spring Boot 프로젝트 시작 (Spring boot로 프로젝트를 시작하는데에 익숙하시면 다음 내용으로 pass~)
쭉 따라오세요~
Finish~
이제 간단한 Spring boot 프로젝트가 잘 만들어졌습니다.
1-2) Spring boot 프로젝트 안에서 vue.js와의 연동
이제 시작한 프로젝트 안에서 Spring boot와 Vue.js를 연동하여 개발할 수 있도록 환경을 구축해 봅시다. 현재 java로 작성할 소스 코드들이 위치할 디렉터리는 이미 생성되어있는 상태이고, vue로 작성할 소스 코드들이 위치할 디렉터리는 아직 만들어지지 않았습니다. 이제 vue cli로 src 디렉터리 아래에 vue.js 프로젝트를 하나 만들어봅시다.