[JavaScript] Excel 다운로드 기능

라이브러리를 사용하여 엑셀다운로드를 하는 간단한 방법이다 .

1. 우선 터미널을 연 이후 yarn add xlsx file-saver # 또는 npm install xlsx file-saver

 

2.이후 Import를 해준다.

 

3.코드 작성

import * as XLSX from "xlsx";
import { saveAs } from "file-saver";

const handleExcelDownload = () => {
  // 1. 다운로드할 데이터 예시 (JSON 배열)
  const data = [
    { 이름: "홍길동", 부서: "영업팀", 나이: 29 },
    { 이름: "김철수", 부서: "개발팀", 나이: 32 },
    { 이름: "이영희", 부서: "인사팀", 나이: 27 },
  ];

  // 2. 워크시트 생성
  const worksheet = XLSX.utils.json_to_sheet(data);

  // 3. 워크북 생성
  const workbook = XLSX.utils.book_new();
  XLSX.utils.book_append_sheet(workbook, worksheet, "직원목록");

  // 4. 엑셀 파일로 변환 (blob)
  const excelBuffer = XLSX.write(workbook, {
    bookType: "xlsx",
    type: "array",
  });

  const blob = new Blob([excelBuffer], {
    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
  });

  // 5. 파일 다운로드
  saveAs(blob, `직원목록_${new Date().toISOString().slice(0, 10)}.xlsx`);
};

4.예시 소스이다 
<Button onClick={handleExcelDownload}>엑셀 다운로드</Button>