어드민 서비스에 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 값들이 제대로 들어가 있는 것을 확인 할 수 있다.
'Javascript' 카테고리의 다른 글
Javascript에서의 동등 비교 (react 의존성 배열) (0) | 2023.12.30 |
---|---|
Iframe에서 부모 window와 통신하는 방법 (react, vue <=> iframe) (0) | 2023.06.07 |
[React / Javscript] 하위 컴포넌트로 setState props 전달해서 사용하기 (Typescript) (0) | 2023.03.02 |
[Javascript] node js로 정적 html 파일 서빙하기 (express) (0) | 2023.02.23 |