스크롤 바를 숨기거나 커스텀 하는 일이 종종 있어 정리했다. 스크롤바 숨기기스크롤 기능만 남기고 스크롤 바는 없애려면 스크롤 되는 영역에 아래 css를 적용하면 된다./* 스크롤바 숨기기 */.scroll { -ms-overflow-style: none; /* IE */ scrollbar-width: none; /* Firefox */}.scroll::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera, Edge */} See the Pen scrollbar - none by pminsun (@pminsun) on CodePen.  스크롤바 커스텀스크롤 바 커스텀 하기 위해서는 스크롤 되는 영역에 3가지 css를 적용하면 된다.::-webk..

프로젝트 진행중 swr를 활용하여 사용법에 대해 정리했다.swr 이란"SWR"이라는 이름은 HTTP RFC 5861에 의해 알려진 HTTP 캐시 무효 전략인 stale-while-revalidate에서 유래되었습니다. SWR은 먼저 캐시(stale)로부터 데이터를 반환한 후, fetch 요청(revalidate)을 하고, 최종적으로 최신화된 데이터를 가져오는 전략으로 빠르고, 가볍고, 재사용 가능한 데이터를 가져온다.  설치 npm i swr// oryarn add swr  기본 사용법 import useSWR from 'swr'function Test() { const fetcher = (...args) => fetch(...args).then(res => res.json()) const {..

프로젝트를 진행하면서 엑셀 다운로드 작업 시 자주 사용하는 exceljs 대해 정리했다. 👉 선택 이유npm trends를 보면 지난 1간 라이브러리 다운로드 횟수입니다. xlsx 다운로드 수가 더 많지만 ExcelJS를 선택한 이유는 다음과 같습니다.  exceljsxlsx스타일링과 서식 지정세밀한 스타일링이 필요할 때 유리( 다양한 서식 기능, 차트, 이미지, 다양한 셀 유형을 지원 )복잡한 서식이나 스타일링에는 제한(기본적인 읽기, 쓰기 기능을 제공)호환성과 데이터 처리Excel 파일 => JSON 형식, JSON 데이터 => Excel로 변환하는 기능이 있음----세밀한 데이터 조작, 복잡한 데이터 처리 요구 사항 가능대량의 데이터를 신속하게 처리할 수 있지만, 복잡한 데이터 변환이나 고급 조작..