일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- React
- react 웹 페이지 숨김
- next 웹 페이지 숨김 처리 여부
- Typescript
- next csv
- csv 파일 생성
- 웹 페이지 숨김 처리
- next csv append
- next excel down
- addeventlistener('visibilitychange')
- csv 파일에 정보 추가
- next.js excel download
- node.js csv
- next.js 웹 페이지 숨김 처리 여부
- csv to excel
- useResetREcoilState()
- csv로 excel 다운로드하기
- 웹 페이지 hidden 처리
- react 웹 페이지 숨김 처리 여부
- next.js csv
- Next.js
- 브라우저 hidden 처리
- useRecoilStateLoadable()
- onpointertype
- 브라우저 숨김 처리
- Cookie
- javascript
- fe
- 하단드로우
- react excel down
- Today
- Total
목록2025/02 (2)
나만의 개발 공간

이전 글(CSV파일 생성)에서부터 이어지는 글입니다.CSV파일로 다운로드하게끔 후 해당 파일을 Excel파일로 변환해서 다운로드 하게끔 코드를 작성해보겠습니다.프론트 부분입니다.이전 글에서 추가 된 부분만 작성했습니다."use client"; // 해당 부분을 작성하지 않으면 에러가 나옵니다!!import { css } from "@emotion/css";import axios from "axios";import { useCallback, useState } from "react";export default function Home() { ... // 엑셀 다운로드 const onClickExcelDownload = useCallback(async () => { try { const r..

입력 값을 받아 CSV파일로 생성 후, 해당 CSV 파일에 정보가 쌓이도록 구현하였다.제가 짠 코드의 node 버전은 v22.13.0입니다.npx create-next-app@latest filetocsv --typescript로 생성했습니다.아래는 package.json입니다.{ "name": "filetocsv", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev --turbopack", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@emotion/css": "^11.13.5", ..