관제 시스템 프로젝트 중 로그인 연장 버튼을 누르면 로그인 상태를 연장 시키는 기능을 넣어야 해서 react-idle-timer 라이브러를 활용해서 제작하여 react-idle-timer 사용 방법에 대해 정리해보았습니다. react-idle-timerReact 애플리케이션에서 사용자가 일정 시간 동안 비활성 상태일 때 특정 작업을 수행하도록 돕는 라이브러리입니다. 예를 들어, 사용자가 일정 시간 동안 키보드나 마우스 등의 입력을 하지 않는 경우 세션을 만료시키거나, 경고 메시지를 띄우는 등의 기능을 구현할 수 있습니다. 👉 선택 이유개발 효율성: react-idle-timer는 다양한 비활성화 이벤트를 기본으로 제공하며, 설정이 간단하여 직접 타이머 기능을 구현하는 것보다 빠르게 프로젝트에 적용할 수..

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

날짜 선택하는 캘린더 라이브러리 중 react-datepicker를 자주 사용한다. React Datepicker 공식 웹사이트 React Datepicker crafted by HackerOne reactdatepicker.com  React Datepicker 설치 npm install react-datepicker --save//oryarn add react-datepicker  React Datepicker 사용법기본 사용import DatePicker from "react-datepicker";import "react-datepicker/dist/react-datepicker.css"; // 달력 cssexport default function Home() { const [startDate, s..