Skip to content

Pagination

이토 edited this page Apr 27, 2025 · 2 revisions

페이지네이션을 렌더링하는 공통 컴포넌트입니다.

기본 페이지 크기 (7페이지)를 넘어가는 데이터만 화살표 버튼을 렌더링합니다.

쿼리스트링(page={number})을 통해 페이지를 제어합니다.

Props

Props 이름 타입 기본값 설명
count number 페이지네이션을 적용할 데이터의 총 개수
itemCountPerPage number 한 페이지에 렌더링 할 데이터의 개수
limit number(optional) 7 노출할 페이지 버튼의 개수

UI 테스트

itemCountPerPage / countlimit을 넘지 않을 때

  • count={30}, itemCountPerPage={5}일 때의 동작 방식
image

itemCountPerPage / countlimit을 넘어갈 때

  • count={100}, itemCountPerPage={6}일 때의 동작 방식
image

📁 Components

Clone this wiki locally