본문 바로가기
메모같은기록

[React] exceljs 사용 데이터 엑셀 다운로드

by 사용자가불꽃놀이좋아함 2023. 11. 7.

기존엔 react-csv를 사용했는데 한국어 입력시 오류가 나서

다른 라이브러리를 찾아보았다

아쉽게도 2개의 라이브러리가 필요 (이거맞아?)

exceljs와 file-saver 라이브러리인데

exceljs만으로는 아쉽게도 client쪽에서 엑셀 다운로드가 지원되지 않는다고 한다

exceljs - JavaScript 환경에서 엑셀 파일을 생성, 수정, 읽기, 쓰기 기능을 하는 라이브러리

 

exceljs

Excel Workbook Manager - Read and Write xlsx and csv Files.. Latest version: 4.4.0, last published: a year ago. Start using exceljs in your project by running `npm i exceljs`. There are 1565 other projects in the npm registry using exceljs.

www.npmjs.com

file-saver - 클라이언트에서 파일 저장을 도와주는 라이브러리

 

file-saver

An HTML5 saveAs() FileSaver implementation. Latest version: 2.0.5, last published: 4 years ago. Start using file-saver in your project by running `npm i file-saver`. There are 5105 other projects in the npm registry using file-saver.

www.npmjs.com

라이브러리 install

npm install exceljs
npm install @types/exceljs

yarn add file-saver
yarn add @types/file-saver

 

import { Workbook } from 'exceljs';
import { saveAs } from 'file-saver';

const workbook = new Workbook();
const sheet1 = workbook.addWorksheet('엑셀 시트1');
const sheet2 = workbook.addWorksheet('엑셀 시트2');

 

반응형