리스트의 페이지 이동을 처리하는 컴포

• 위치: components/ui/pagination/Pagination.jsx

Props

/**   props      type   desciption   */
    currentPage  number 현재 보고 있는 페이지 번호
   totalPages    number 전체 페이지수 
   onPageChange  fucntion 페이지 변경시 호출되는 함수 
   (onPageChange => )void 타입 

사용 예시 - 백엔드 쿼리 파라미터에 연결하여 일반 페이지네이션 적용

import { Pagination } from '@/components/ui/pagination/Pagination';
import { useState } from 'react';

export default function MyListPage() {
	const [page, setPage] = useState(1);

  return (
	  <div>
		  {/*리스트 컴포넌트*/}
		  <Pagination 
			  currentPage={page}
			  totalPages={10}
			  onPageChange={setPage}
		  />
	  </div>
  )
}