[최유리] sprint5

[ChoiYuRi-FS]

요구사항

기본

• [] PC, Tablet, Mobile 디자인에 해당하는 중고마켓 페이지를 만들어 주세요.
• [] 중고마켓 페이지 url path는 별도로 설정하지 않고, '/'에 보이도록 합니다.
• [] 상단 네비게이션 바, 푸터는 랜딩 페이지와 동일한 스타일과 규칙으로 만들어주세요.
• 상품 데이터는 https://panda-market-api.vercel.app/docs/에 명세된 GET 메소드 "/products" 를 활용해주세요.
• [] 상품 목록 페이지네이션 기능을 구현합니다.
• 드롭 다운으로 "최신 순" 또는 "좋아요 순"을 선택해서 정렬을 구현하세요.
• [] 상품 목록 검색 기능을 구현합니다.
• 베스트 상품 데이터는 https://panda-market-api.vercel.app/docs/에 명세된 GET 메소드 "/products"의 정렬 기준 favorite을 사용해주세요.

심화

• [] 커스텀 hook을 만들어 필요한 곳에 활용해 보세요.
• [] 반응형에 따른 페이지 네이션 기능을 구현합니다.
• [] 반응형으로 보여지는 물품들의 개수를 다르게 설정할때 서버에 보내는 pageSize값을 적절하게 설정합니다.

주요 변경사항

스크린샷

멘토에게

• 페이지네이션 기능을 구현 할 때 최대 페이지 수를 어떻게 구해야 될지 모르겠습니다.
  (이해내용 : 내가 화면에 5개씩 표현을 할 때 페이지/전체페이지 해서 나머지 값이 생길때를 마지막 페이지로 표현하려고 하는데 API서버에서 어떻게 전체페이지를 가져와야되는지 모르겠습니다....)

• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.