바로 이전 포스팅에서는 Spring Boot에서 CSV 출력하는 방법을 포스팅 했는데, 이번에는 받아온 response데이터를 JS 를 이용하여 파일로 저장하는 방법을 간단히, 코드만, 작성해본다.

ajax call은 jQuery를 이용했지만 파일 저장부분은 javascript 를 이용했기에 axios를 이용하든 뭘 이용하든 간에 CSV 데이터를 파일로 저장시에 활용 가능한 코드이다.

$.ajax({
        url: "API ENDPOINT URL + PATH",
        type : "GET",
        headers: { AUTHENTICATION CREDENTIALS (만약 인증이 필요하다면) },
        dataType: "text",
        success: function(data) {
            const filename = datetime + "_테스트_데이터.csv"
            if(data != undefined){
                var blob = new Blob([data], { type: 'text/csv;charset=utf8;filename='+filename });
                var csvUrl = URL.createObjectURL(blob);
                var a = document.createElement('a');
                a.setAttribute('style', 'display:none');
                a.setAttribute('href', csvUrl);
                document.body.appendChild(a);
                a.click()
            }
        }
    })