라이브러리없이 페이지네이션 Pagination 구현
* 관련 기술 스택이 없습니다

• 페이지네이션 기능을 구현하기 위해 필요한 조건들을 정리하고, 페이지 인덱스와 사이드 화살표를 클릭해 페이지를 이동할 수 있도록 설계하였다. 리액트 쿼리를 사용하지 않고 직접 구현하여 실력 향상을 도모하였다.
• 페이지네이션 구현 시 limit와 offset 개념의 혼동으로 인한 문제를 해결하고, 다양한 페이지네이션 종류 중 하나를 선택하여 상세한 기능 명세를 작성하였다. 주요 로직은 페이지 인덱스 배열을 생성하고, 이전 및 다음 버튼 클릭 시 페이지를 이동시키는 것이다.
• 이 코드는 페이지네이션 컴포넌트를 구현한 것으로, 이전 및 다음 버튼을 통해 페이지를 이동할 수 있으며, 현재 페이지를 표시하는 버튼도 포함되어 있다.
• `ITEM_PER_PAGE` 값을 기준으로 현재 페이지에 해당하는 데이터를 계산하고, `Pagination` 컴포넌트를 사용하여 총 페이지 수와 현재 페이지를 설정한다.

북마크
공유하기
신고하기