search

modulersYJ / ganoverflow-front

2 stars 2 forks source link

feat:pagination 구현완료 #50

Closed hongregii closed 1 year ago

hongregii commented 1 year ago

Pagination

  1. page.ts에 searchParams 인자를 받음. queryString으로 ?page={}를 받기 위함.
  2. Pagination.tsx 클라이언트 컴포넌트 추가. 요청을 보내는 컴포넌트는 아니고 그냥 버튼만 있음. 요청은 page.ts(SSR컴포)에서만 처리
  3. pagingButtons.map으로 버튼 뿌려주는데, 약간 멍청식. 잘 돌아가긴 하는데 바꿀 여지가 있을지도? (UI, animation은 생각해봐야함)
  4. 요청 부분에 queryString 추가. 그러니까 로직은 Button 누름 => 브라우저 url queryString에 ?page= 추가 => 백엔드로 요청할때 그거 그대로 집어넣음
vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
ganoverflow-front ✅ Ready (Inspect) Visit Preview Jul 24, 2023 10:45am
hongregii commented 1 year ago

나중에 리뷰해주세요! 일단 머지하겠슴니다

ABizCho commented 1 year ago
  1. page.ts에 searchParams 인자를 받음. queryString으로 ?page={}를 받기 위함.

좋습니다~

  1. Pagination.tsx 클라이언트 컴포넌트 추가. 요청을 보내는 컴포넌트는 아니고 그냥 버튼만 있음. 요청은 page.ts(SSR컴포)에서만 처리

이 부분도 코드로 확인하겠지만, 요청을 보내는 컴포넌트는 아니고 그냥 버튼만 있음. 요청은 page.ts(SSR컴포)에서만 처리 이 말이 이해가 안돼서 아마 추가설명이 필요할것같아요!

  1. pagingButtons.map으로 버튼 뿌려주는데, 약간 멍청식. 잘 돌아가긴 하는데 바꿀 여지가 있을지도? (UI, animation은 생각해봐야함)

아마 게시판 하단 페이지네이션 버튼그룹 내 버튼들이겠죠? 코드로 추가 확인하겠습니다!

  1. 요청 부분에 queryString 추가. 그러니까 로직은 Button 누름 => 브라우저 url queryString에 ?page= 추가 => 백엔드로 요청할때 그거 그대로 집어넣음

아마 GET, 등에 해당하는 규격화 된 요청함수까지 수정하셨겠죠? 이부분도 코드로 추가확인하겠습니다~