나만의 개발 공간

이전 글(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", ..

회사에서 Sns Share를 만들면서 모바일에서 효율적으로 보이기 위해 작업한 부분이다.해당 부분을 회사에서는 타입스크립트로 구현하였으나, 블로그용이니 타입스크립트는 제외했다.import { css } from "@emotion/css";import { useCallback, useRef } from "react";function App() { const bottomSheetRef = useRef(null); const bottomSheetHeaderRef = useRef(null); // 초기값 const bottomSheetContent = useRef({ isSnsShareHeader: false, initial: { height: 0, }, pointerTyp..

매번 공식 문서를 보는 것도 중요하지만 자주 쓰는 부분은 문서를 보고 작성하려한다. atom(options) atom은 Recoil의 상태를 표현한다. atom() 함수는 쓰기 가능한 RecoilState 객체를 반환한다. function atom({ key: string, default: T | Promise | RecoilValue, effects_UNSTABLE?: $ReadOnlyArray, dangerouslyAllowMutability?: boolean, }): RecoilState key - 내부적으로 atom을 식벽하는데 사용되는 고유한 문자열. 이 문자열은 어플리케이션 전체에서 다른 atom과 selector에 대해 고유해야 한다. default - atom의 초깃값 또는 Promise ..

mac에서 파일 첨부시 파일명이 ㅎㅏㄴㄱㅡㄹ처럼 나온다면 normalize('NFC') 코드로 처리가 가능하다. fileInput에는 선택한 파일 리스트가 담겨져있다는 가정하 for (let i=0; i

내가 자주 사용하는 엑셀 파일로 다운로드를 하기위해 XLSX와 FileSaver를 다운받아야한다. XLSX는 복잡한 스프레드시트에서 유용한 데이터를 추출하고 새 스프레드시트를 생성하기 위해 검증된 오픈 소스이다. https://www.npmjs.com/package/xlsx xlsx SheetJS Spreadsheet data parser and writer. Latest version: 0.18.5, last published: 2 months ago. Start using xlsx in your project by running `npm i xlsx`. There are 3060 other projects in the npm registry using xlsx. www.npmjs.com FileSav..