search

Principes-Artis-Mechanicae / get-p-frontend

Get your People, Get your Projects!
https://beta-get-p.netlify.app/
6 stars 0 forks source link

Feature/getp-137: Pagination 리팩토링 및 PeopleList 페이지 구현 #36

Closed zladb closed 5 months ago

zladb commented 5 months ago

✨ 구현한 기능

  1. PeopleList 페이지 구현: /peopleList 경로에 위치한 PeopleList 페이지를 구현하였습니다.

  2. 페이지 버튼 및 쿼리 파라미터 구현: 페이지 버튼을 클릭할 때마다 쿼리 파라미터 page에 해당 페이지 번호를 전달하도록 구현하였습니다. 예를 들어, ?page=1, ?page=2와 같이 페이지 번호를 쿼리 파라미터로 전달합니다.

  3. 파라미터 처리: PeopleList 페이지에서는 useSearchParams 훅을 이용하여 URL의 쿼리 파라미터를 가져옵니다. 그리고 이 중에서 page 값을 추출하여 현재 페이지를 얻어옵니다.

  4. Pagination 구현: 얻어온 현재 페이지 값을 Pagination 컴포넌트에 전달하여 현재 페이지를 표시하도록 구현하였습니다.

image

📢 논의하고 싶은 내용

🎸 기타