목록엑셀 (2)

jhhan의 블로그

Vue.js - Excel Download 바로 처리하기

이번 포스트는 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 엑셀로 다운받을 데이터를 먼저 테이블로 만들었습니다. 그리고 엑셀 다운..
Vue.js 2021. 2. 14. 22:54
Spring - Excel Download(2)

이번 포스트는 저번 엑셀 다운로드에서 발생할 수 있던 에러를 수정해보려고 합니다. 저번에 마지막에서 void로 리턴값을 해놨지만, Vue.js에서는 잘 받아서 진행한다고 했습니다. 이번에는 정석적으로 리턴을 해보겠습니다. 리턴할 때 ResponseEntity를 사용하고, InputStreamResource를 바디에 담아 반환하도록 설계했습니다. 아 그리고 이번에는 갑자기 Kotlin으로 진행을 했습니다... 그래도 코틀린과 자바는 굉장히 비슷하므로, 자바를 잘 아신다면 코틀린 문법을 이해하는데 큰 어려움이 없을 것 같습니다. front코드는 변경할 것이 없습니다. 그대로 갑니다. back코드를 살펴보겠습니다. @PostMapping("/excel") fun getExcelFile(@RequestBody ..
Spring & Vue.js 2021. 1. 19. 23:03
이전 Prev 1 Next 다음