
프로젝트에 투입되면서 프론트엔드 팀원들과 Radix-UI 라이브러리를 사용해서 요구된 ui를 그리기로 결정했다. 하지만 radix는 단순히 ui만 담당하고 있었기 때문에 관리자 페이지에서 다양한 표 기능을 사용하기에는 부족했다. 그래서 기능까지 제공하고 있는 Tanst

Chart.js : HTML5 캔버스를 기반으로 한 데이터 시각화 라이브러리. 다양한 차트를 쉽게 생성할 수 있다.react-chartjs-2 : Chart.js를 React에서 사용할 수 있도록 래핑한 라이브러리react-chartjs-2를 통해 리액트에서 컴포넌트로
React에서 페이지네이션을 쉽게 구현할 수 있도록 도와주는 라이브러리pageCount : 총 게시글의 개수(row 개수). 이 값에 따라 페이지네이션의 버튼 수가 결정된다.pageRangeDisplayed : 한 페이지에 표시할 게시글의 수breakLabel : 끊김
기본 사용법
react-query는 react 애플리케이션에서 서버 상태 가져오기, 캐싱, 동기화 및 업데이트를 보다 쉽게 다룰 수 있도록 도와주는 라이브러리이다. 클라이언트 상태와 서버 상태를 명확히 구분하기 위해 만들어졌다.staleTime : 데이터가 신선하다고 간주되는 시간