본문 바로가기

정규 표현식3

리액트 api axios 엑셀 다운로드 버튼 구현 react.JS filesaver.saveAs javascript blob response.headers 값에서 filename추출하기 리액트 api axios 엑셀 다운로드 버튼 구현 react.JS filesaver.saveAs javascript blob response.headers 값에서 filename추출하기리액트로 프로젝트를 진행하면서 서버로부터 엑셀 파일을 다운로드 받는 기능을 구현해야 할 경우가 종종 있습니다. 특히 API 호출 시 Axios를 사용하여 데이터를 받아오고, 그 데이터를 파일로 저장하는 과정에서 여러 가지 제약과 이슈를 마주하게 됩니다. 이번 포스팅에서는 리액트 환경에서 Axios를 활용하여 엑셀 파일 다운로드 버튼을 구현하는 방법과 함께, response.headers에 포함된 파일명을 추출하는 꼼수에 대해 자세히 다루고자 합니다.리액트 프로젝트 개요 및 구현 배경리액트는 단순한 컴포넌트 기반 라이브러리로.. 2025. 2. 11.

VS Code html 유용한 단축키와 한번에 여러 태그 수정하기 VS Code html 유용한 단축키와 한번에 여러 태그 수정하기 Visual Studio Code(이하 VS Code)는 프로그래머들 사이에서 널리 사용되는 편집기로, 그 효율성과 사용 편의성으로 인해 특히 웹 개발자들 사이에서 큰 인기를 얻고 있습니다. HTML을 작업할 때 VS Code를 사용하면 다양한 단축키와 기능을 통해 작업 속도를 대폭 향상시킬 수 있습니다. 본 글에서는 VS Code에서 HTML 작업 시 유용한 단축키와 여러 태그를 한 번에 수정하는 방법을 소개합니다. HTML 작업을 위한 VS Code 단축키 Emmet Abbreviations: Emmet은 HTML과 CSS 작업을 빠르게 진행할 수 있게 도와주는 플러그인입니다. 예를 들어, ul>li*5를 입력하고 Tab 키를 누르면,.. 2023. 11. 21.

1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 1678. Goal Parser Interpretation leetcode javascript 해석 및 풀이 LeetCode 문제 해석 LeetCode의 "1678. Goal Parser Interpretation" 문제는 문자열 해석과 관련된 간단하면서도 흥미로운 문제입니다. 이 문제의 핵심은 주어진 문자열에서 특정 패턴을 식별하고, 그 패턴에 따라 다른 문자열로 변환하는 것입니다. 문제 설명 이 문제에서 주어진 문자열은 'G', '()' 및 '(al)'의 세 가지 패턴으로 구성되어 있습니다. 여기서 'G'는 그대로 'G'로 표현되고, '()'는 'o'로, 그리고 '(al)'은 'al'로 변환되어야 합니다. 따라서, 입력된 문자열에 따라 해당 규칙을 적용해 새로운 문자열을 생성하는 것이 이 문제의 목표.. 2023. 11. 20.

이전 1 다음

티스토리툴바