Spring boot + vue.js

2021/12/16(목)

 

 

 

 

 

 

회사내에서 프로젝트를 진행하며 공부한 내용 정리 - 1

 

 

 

" Spring boot와 Vue.js를 처음 사용해보았다.

Vue도 공부하면 할수록 배워야할 것이 많다는 것을 느끼지만

우선은 당장 프로젝트를 수행해야 했기때문에 간략하게만 정리하고 시간이 된다면 

후에 더 자세하게 정리를 해보려고 한다. "

 

 

 

< Spring boot 와 vue.js의 흐름도 >

아주 간략하게 나타냈지만 vue.js는 화면을 보여주고 spring boot와 연동해서 db를 조회하는 방식

 

전에는 Spring 프레임워크만 사용하여 웹을 구성할 때는 view에서 Jsp를 사용해서 웹화면을 구현했는데 

Spring boot와 vue.js는 서로 axios로 데이터를 주고받는다

 

Vue의 Components는 화면의 영역을 일정한 단위로 쪼개 재활용 가능하도록 관리하는 것을 말한다.

 

Vue 내에서 Actions의 axios를 통해 Spring boot의 controller로 uri에 따라 RequestMapping으로 이동하여 service, repository를 거쳐서 DB를 조회하거나 데이터를 등록 후 성공, 실패 code를 다시 Vue에 전달하는 방식으로 이해하고 

코드를 작성했다