jhhan의 블로그

이번 포스트는 Vue.js에서 Excel을 바로 다운로드 하는 법에 대해서 다룹니다. 이전에도 Spring / Vue & Spring 카테고리에서도 이 주제를 계속 다뤘습니다. 사실 지금까지 다룰 줄 몰랐습니다. 이번에는 백엔드 처리를 거치지 않고 바로 프론트 작업만으로 엑셀 다운로드를 할 수 있게 할 것입니다. 라이브러리를 사용하는 경우와 안하는 경우 2가지를 보여드릴 것입니다. 물론 Vue.js 프로젝트 하나 만들어서 진행하셔야 합니다. 1. 라이브러리를 사용하지 않는 경우 참고한 사이트입니다. newehblog.tistory.com/3 먼저 코드입니다. id name age 1 aa 24 2 bb 46 3 cc 84 Excel4 엑셀로 다운받을 데이터를 먼저 테이블로 만들었습니다. 그리고 엑셀 다운..

Spring과 Vue.js를 연결해보는 예제에 대해 해보겠씁니다. 이전에 제가 backend를 Spring으로 하고 front를 Vue.js로 해서 둘을 연동하는 법을 진행했습니다. 이번에는 다른 방식으로 둘을 연동해보겠습니다. 경우에 따라서는 이 방법이 더 편하게 느낄 수도 있을 것입니다. 이번에는 back과 front 프로젝트를 따로 만들 것 입니다. 먼저 back을 만들겠습니다. 1. Back Spring 프로젝트를 만듭니다. 프로젝트의 이름을 설정합니다. Maven과 Gradle 둘 중 어느 것을 선택할 지는 원하시는 쪽을 하시면 됩니다. 간단한 연동만 할 것이니 저기 2개만 선택합니다. 원하시는 것을 더 추가하셔도 됩니다. 마지막으로 프로젝트 위치를 설정하시고 back 설정을 잠시 멈춰두겠습니다..