jhhan의 블로그

스프링-뷰 연동 2번째 포스트 입니다. 별로 적을 것이 없다고 생각해서 뭘 적을까 생각하다가 스프링과 뷰 사이의 통신을 어떻게 해야하는지에 대해 간략하게 적어보려고 합니다. 뷰에서 통신은 axios를 사용해서 합니다. 이를 응용해서 axios를 통해 spring으로 데이터를 보낸 후 다시 뷰로 받는 방식에 대해 써보겠습니다. 먼저 axios를 사용하기 위해 다음과 같은 작업을 합니다. 터미널에 'vue add axios'를 입력하시면 자동으로 axios가 추가됩니다. 이제부터는 axios를 사용하실 수 있습니다. 먼저 프론트부터 보겠습니다. Click {{a}} 이렇게 간단한 코드가 있습니다. 1이나 2 혹은 그 외의 것을 입력하는 경우에 따라 다르게 나타나도록 할 것입니다. methods 부분에서 ax..

이번 시간에는 라우팅에 대해 알아보겠습니다. 라우팅 : 웹페이지 간의 이동방법 현대 웹 앱 형태 중 하나인 싱글 페이지 애플리케이션에서 주로 사용 라우팅 특징 화면간의 전환 매끄러움 애플리케이션의 사용자 경험 향상 뷰 뿐만 아니라 리액트, 앵귤러도 사용 뷰 라우터 : 뷰에서 라우팅 기능을 구현할 수 있게 지원하는 공식 라이브러리 이번 뷰 라이터 실습을 위해 새로운 프로젝트를 만들겠습니다. vue create vue_router를 이용해 뷰 프로젝트를 하나 만듭니다. 그리고 cd vue_router로 이동한 후 vue add router를 입력하고 실행하면 기본 라우팅 화면을 볼 수 있습니다. 그리고 About을 누른다면 이 화면도 볼 수 있습니다. 이제 여기서 코드를 작성해 나가겠습니다. Nested R..