[Vue] Vue와 Spring 연동하기 (서버 통신 : 데이터 주고 받기)
2022. 9. 2. 22:10
Frontend/Vue.js
연동하기 전 준비 Spring 1) spring-controller에 vue 패키지 따로 만든 후 클래스 생성해준다. Vue 1) vue - store에 패키지 아래 이미지와 같이 클래스들 만든다. (거의 이 형식 그대로 유지하면서 사용한다고 함) 2) view 패키지에도 클래스 하나 생성 3) cmd창에서 axios 인스톨하기. vue 프로젝트 폴더로 이동한 후에 npm install axios --save-dev 입력 입력 후 엔터 치면 설치완료! 연동하기 우선 테스트로 눌러봐! 라는 버튼을 누르면 밑에 랜덤한 숫자를 나타내는 동작을 구현했다. 이번 페이지에서는 연동할 때 들어가는 코드들의 전체적인 흐름을 설명하고, 생소한 것들 중에 디테일한 풀이들은 따로 새로운 글로 풀이를 해보려고 한다. vue와..