커리큘럼
home
React
home

페이지네이션 최적화 작업

태그
조희현

페이지네이션이 여러 곳에서 사용되면서 중복코드가 발생

마이페이지, 상세페이지 댓글, 검색페이지에서 사용되었으나, 나타내는 데이터 및 나타낼 게시물 수가 달라서 각각 해당 로직을 작성하여 사용

❗️커스텀 훅 제작 및 페이지네이션 컴포넌트화

나타내는 데이터, 나타낼 게시물 수, 나타낼 페이지 수를 각각 인자로 받아서 원하는 조건의 페이지네이션을 나타낼 수 있는 커스텀 훅 , usePagenation을 제작
페이지 버튼을 나타내는 부분도 컴포넌트화 하여 재사용할 수 있도록 개선