Javascript

[Javascript] xlsx를 이용하여 json data를 엑셀 파일로 다운로드 하기 (초간단)

evan.k 2023. 2. 22. 18:47

어드민 서비스에 JSON 데이터를 엑셀 파일로 변환하여 다운로드 할 수 있는 기능을 추가하게 되었다.

여러가지 방법들이 있겠지만 xlsx 라이브러리를 이용하기로 했다. (너무 간단하기 때문,,)

 

라이브러리 설치

yarn add xlsx 혹은 npm install xlsx --save

 

Json to Excel File

import * as XLSX from 'xlsx';

const downloadExcel = (data) => {
    const worksheet = XLSX.utils.json_to_sheet(data);
    const workbook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(workbook, worksheet, 'my_sheet');
    XLSX.writeFile(workbook, 'json_to_excel.xlsx');
};

const sampleData = [
    {
      key: 'key1',
      value: 'value1',
    },
    {
      key: 'key2',
      value: 'value2',
    },
    {
      key: 'key3',
      value: 'value3',
    },
    {
      key: 'key4',
      value: 'value4',
    },
  ];
  
  downloadExcel(sampleData);

 

이게 끝이다.. 정말 간단하다 :)

만들어진 코드를 실행 시켜보자!

엑셀 다운로드 버튼을 클릭하면 정상적으로 엑셀 파일이 다운로드 된다.

엑셀 파일을 실행 시키면 test로 만들어둔 json 값들이 제대로 들어가 있는 것을 확인 할 수 있다.