React 김세환 sprint5

[CisThard]

기본 요구사항

공통

• Github에 스프린트 미션 PR을 만들어 주세요.
• React를 사용해 진행합니다.

중고마켓 페이지

• PC, Tablet, Mobile 디자인에 해당하는 중고마켓 페이지를 만들어 주세요.
• 중고마켓 페이지 URL path는 별도로 설정하지 않고, /에 보이도록 합니다.
• 상단 네비게이션 바와 푸터는 랜딩 페이지와 동일한 스타일과 규칙으로 만들어 주세요.
• 상품 데이터는 Panda Market API에 명세된 GET 메소드 "/products"를 활용해 주세요.
• 상품 목록 페이지네이션 기능을 구현합니다.
  • 일부만 구현되어 있습니다(이전, 이후 페이지는 미구현)
• 드롭다운으로 "최신 순" 또는 "좋아요 순"을 선택해 정렬 기능을 구현합니다.
• 상품 목록 검색 기능을 구현합니다.
• 베스트 상품 데이터는 Panda Market API에 명세된 GET 메소드 "/products"의 정렬 기준 favorite을 사용해 주세요.

---

심화 요구사항

공통

• 커스텀 Hook을 만들어 필요한 곳에 활용해 보세요.

중고마켓 페이지

• 중고 마켓의 카드 컴포넌트 반응형 기준은 다음과 같습니다:
  • 베스트 상품
    • Desktop: 4열
    • Tablet: 2열
    • Mobile: 1열
  • 전체 상품
    • Desktop: 5열
    • Tablet: 3열
    • Mobile: 2열
• 반응형에 따른 페이지네이션 기능을 구현합니다.
• 반응형으로 보여지는 물품들의 개수를 다르게 설정할 때, 서버에 보내는 pageSize 값을 적절하게 설정합니다.

주요 변경사항

스크린샷

멘토에게

• 컴포넌트를 좀 더 잘 활용할 수 있을 것 같은데, 그러질 못한 것 같습니다.
• 전반적으로 개선이 필요해 보이는 부분들에 대해 조언해주시면 감사드리겠습니다.

[seobew]

세환님 이번 스프린트 고생하셨습니다!

create-react-app으로 기본구조를 가져가서 리뷰하는 저도 익숙했습니다 ㅎㅎ
전체적으로 깔끔하게 잘 해주셨는데,
몇개 코멘트를 남겨놨습니다!

확인후 질문 있으시면 말씀해주세요~
수고하셨습니다!