[feat] 어드민 페이지 이벤트 목록 구현

[lybell-art]

#️⃣ 연관 이슈

• [feat] 어드민-이벤트목록 #26

📝 작업 내용

어드민 페이지 이벤트 목록을 구현했습니다.

• 데이터 페칭을 추가했습니다.
• 목록 체크박스 체크, 체크처리된 목록의 삭제를 추가했습니다.
• 공통 확인 모달과 취소 모달을 추가했습니다.

useQuery를 개선했습니다.

• useMutation을 추가해서, 동일한 key값이 있는 useQuery를 소비하는 컴포넌트를 리렌더링시킵니다.
• useQuery는 이제 정말 custom hook입니다.
• useQuery의 3번째 인자로 객체를 받을 수 있으며, {dependencyArray, deferred}를 인자로 받습니다.
  • 기존에 배열로 인자를 받아도 동작합니다.
  • deferred는 디퍼링 기능으로, 새로 데이터를 받는 도중에도 이전에 데이터를 받을 수 있게 하는 기능입니다.

공통 컴포넌트인 Pagination 컴포넌트를 추가했습니다.

• props로 currentPage, maxPage, setPage, length를 받습니다.
  • currentPage : 현재 페이지 정보
  • maxPage : 최대 페이지 수
  • setPage : 페이지를 갱신하는 함수(setState 함수)
  • length : 페이지네이션 컴포넌트에서 페이지(숫자)가 몇 개 보일지를 결정합니다. 기본은 5입니다.

리버스 프록싱을 실제 백엔드 서버 도메인으로 바꿨습니다.

[darkdulgi]

고생하셨습니다!