[김지현] sprint5

[kjhyun0830]

요구사항

기본

📋 중고마켓

• 중고마켓 페이지 주소는 “/items” 입니다.
• 페이지 주소가 “/items” 일때 상단네비게이션바의 '중고마켓' 버튼의 색상은 “3692FF”입니다.
• 상단 네비게이션 바는 이전 미션에서 구현한 랜딩 페이지와 동일한 스타일로 만들어 주세요.
• 상품 데이터 정보는 https://panda-market-api.vercel.app/docs/#/ 에 명세된 GET 메소드 “/products” 를 사용해주세요.
• '상품 등록하기' 버튼을 누르면 “/additem” 로 이동합니다. ( 빈 페이지 )
• 전체 상품에서 드롭 다운으로 “최신 순” 또는 “좋아요 순”을 선택해서 정렬을 할 수 있습니다.

📋 중고마켓 반응형

• 베스트 상품
  Desktop : 4개 보이기
  Tablet : 2개 보이기
  Mobile : 1개 보이기
• 전체 상품
  Desktop : 12개 보이기
  Tablet : 6개 보이기
  Mobile : 4개 보이기

심화

• 페이지 네이션 기능을 구현합니다.

주요 변경사항

스크린샷

멘토에게

https://p-anda-market.netlify.app/

• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.
• 요구사항을 구현한 것 같긴 하지만 코드가 깔끔하지 않은 것 같습니다. 수정할 부분 피드백 부탁드립니다.

[GANGYIKIM]

지현님 5주차 미션 작업 고생하셨습니다~
제가 반복되는 내용에 대해서는 한번만 코멘트를 남기려고 노력했는데,
자세히 보다보니 코멘트가 좀 많네요 😅
코멘트 반영은 필수가 아니니 보시고 마음에 드시는 것만 반영해보세요~
다음 미션도 화이팅입니다~

---

• 기존 미션을 합치려고 하시는 중인 것 같아요. 중복되는 파일들이 보이니 추후 신경써주시면 좋겠습니다.
• 시멘틱태그 작성을 더 신경써주시면 좋겠어요. 우선 button, a 태그 같이 중요한 태그들은 적절히 쓰시도록 노력하시면 좋겠습니다.

[GANGYIKIM]

💬 여담
React Router를 사용하고 계신데 향후 라우트가 많아지면 Route들을 별도의 파일로 분리하면 App 컴포넌트가 더 깔끔해지고, 라우트 관리도 쉬워집니다.

https://reactrouter.com/start/data/routing