[김명환] Sprint 5

[KimMyeongHwan]

요구사항

기본 요구사항

공통

• Github에 스프린트 미션 PR을 만들어 주세요.

• React를 사용해 진행합니다.
  중고마켓 페이지

• 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을 만들어 필요한 곳에 활용해 보세요.
  중고마켓 페이지

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

멘토에게

1. 최신 순 및 좋아요 순으로 정렬하는 방법이 어려워서 연습이 좀 필요할 것 같습니다.
2. 상품 목록 검색 기능도 좀 어렵네요.
3. 코딩도 못하는 말하는 감자가 된 것 같아서 울적합니다 흑흑.. 그래도 assets, img, css 등 컴포넌트 단위로 최대한 쪼갤 수 있을 만큼 최대한 쪼개서 재조립해 만들어나가는 과정이 많이 익숙해졌습니다.
4. 데이터를 제가 직접 넣고 빼면서 정렬하면서 해보면 좀 더 쉬울 것 같은데 더미 데이터들이 난잡해서 보기 좀 힘들었습니다.
5. 좀 더 열심히 해야겠습니다. 셀프 코드 리뷰를 통해 질문 드리겠습니다!

[pangin]

명환님 안녕하세요.
node_modules은 제외하셔야합니다.
변경사항이 너무 많아 리뷰가 불가능합니다.
gitignore를 작성하시고 관리하셔야합니다.

머지 대상 브랜치도 다시 확인해보세요.

[pangin]

리액트 진입점 잘 만드셨습니다.

[KimMyeongHwan]

명환님 안녕하세요. node_modules은 제외하셔야합니다. 변경사항이 너무 많아 리뷰가 불가능합니다. gitignore를 작성하시고 관리하셔야합니다.

머지 대상 브랜치도 다시 확인해보세요.

네! 확인해서 다시 올리겠습니다!