Vue 란?Vue.js란 "에반 유"라는 친구가 2013년 12월에 발표한 Front-end Javascript framework로 웹 브라우저에서 동작하는 UI를 빠르게 개발하기 위해서 발표되었다.2020년 9월에 3.0 버전이 발표되었고 2021년 8월에 3.2 버전이 발표되었다. (한글 사이트 제공!!!)  Vue.js - The Progressive JavaScript Framework | Vue.js접근성 HTML,CSS, 자바스크립트 표준을 기반으로, 쓰기 편한 API와 최고 수준의 문서를 제공합니다.ko.vuejs.org MVVM 패턴Vue는 MVVM 패턴이라는 것에 기반한다.MVVM은 Model, View, ViewModel의 약자로 애플리케이션 로직과 UI의 분리를 위한 패턴이다. 위 그..

드디어 스프링 부트와 Vue 앱을 연동해보자. 1. build 먼저 yarn build 명령을 이용해서 vue 앱의 배포 버전을 생성한다. dist 경로에 index.html 파일도 생성되는데 이 파일에서 다른 js, css 들을 링크해서 사용중이다. 주의할 점은 이 경로들이 절대경로라는 점이다. 모든 경로를 상대경로로 바꿔주자. 2. 스프링 부트에 파일 배포 src/main/webapp/WEB-INF/에 Vue의 dist를 이동시키고 vue-dist로 rename 해준다.(다른 dist가 있을 것을 대비해서) 또한 index.html 파일도 vue.html로 변경한다. 3. 스프링 부트에서 정적 리소스를 연결한다. @SpringBootApplication public class DemoApplicati..