반응형 Study/라이브러리3 [라이브러리] 정말 쉽고 간결한 리액트 상태관리 라이브러리 Zustand! Zustand란? 리액트 상태관리 라이브러리이다. context 사용시의 중첩 Provider 지옥을 벗어날 수 있고 hook처럼 사용 가능하다. 코드가 매우 간결! 상태 변경시에만 컴포넌트를 렌더링하는 메모이제이션도 가능하다. 1. Zustand 설치 방법 npm install zustand # or yarn add zustand 2. Zustand 사용법 // store.js // Devtool 연동 없이 store 생성 방법 import create from "zustand"; // create로 zustand를 불러옵니다. const useBearStore = create((set) => ({ bears: 0, increasePopulation: () => set((state) => ({ bear.. 2023. 7. 4. [라이브러리] exceljs를 활용하여 JS데이터를 엑셀 파일로 추출해 보자. [라이브러리] exceljs를 활용하여 JS데이터를 엑셀 파일로 추출해 보자. 서론 사내에서 React 환경에서 CMS 개발 파트 담당하다보니, 드디어 테이블 데이터를 추출하여 엑셀 파일로 다운로드 받을 수 있는 기능을 구현하게 되었다. 넘넘 신나고 재밌서..! 😎 exceljs란? exceljs란 javascript에서 데이터를 엑셀로 추출 및 조작할 수 있는 node 환경 라이브러리로, 특정 셀의 스타일을 커스텀하고 합칠 수 있는 장점이 있는 라이브러리이다. 공식문서 링크 npm exceljs 링크 https://www.npmjs.com/package/exceljs exceljs Excel Workbook Manager - Read and Write xlsx and csv Files.. Latest .. 2023. 6. 28. [라이브러리] qs 모듈을 이해해 보자. (URL query string) [라이브러리] qs 모듈을 이해해 보자. (URL query string) qs 모듈이란? 보통 우리가 어떠한 조건값으로 데이터를 검색이나 필터링을 할 때, 혹은 API URL에 query string의 값을 전달하거나 히스토리를 관리 할 때 그 query string을 파싱(parsing)하거나, 스트링화 할 수 있는 라이브러리이다. qs 모듈 npm 공식 문서 링크 https://www.npmjs.com/package/qs query string(쿼리 스트링)이란? 쿼리 파라미터(querystring)을 URL endpoint 뒤에 붙여 추가적인 정보 조회를 서버 측에 요청 하는 것이다. 정해진 endpoint 주소 이후에 물음표(?)를 사용하여 쿼리 파라미터(쿼리스트링 혹은 key)의 시작점을 알린.. 2023. 6. 26. 이전 1 다음 반응형
