Skip to content

React 오해상 mission5(restart)#68

Merged
changchanghwang merged 20 commits intocodeit-sprint-fullstack:react-오해상from
OhHaesang:react-오해상-mission5
Jun 17, 2025

Hidden character warning

The head ref may contain hidden characters: "react-\uc624\ud574\uc0c1-mission5"
Merged

React 오해상 mission5(restart)#68
changchanghwang merged 20 commits intocodeit-sprint-fullstack:react-오해상from
OhHaesang:react-오해상-mission5

Conversation

@OhHaesang
Copy link
Collaborator

react 이용# 요구사항
기본
PC, Tablet, Mobile 디자인에 해당하는 중고마켓 페이지를 만들어 주세요.
상품 데이터는 https://panda-market-api.vercel.app/docs/에 명세된 GET 메소드 “/products” 를 사용해주세요.
중고마켓 페이지 url path는 별도로 설정하지 않고, ‘/’에 보이도록 합니다.
상단 네비게이션 바, 푸터는 랜딩 페이지와 동일한 스타일과 규칙으로 만들어주세요. (스프린트 미션 1 ~ 3 요구사항 참고)
상품 데이터는 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값을 적절하게 설정합니다.

주요 변경사항

  • 전체 코드 수정했습니다..

스크린샷

image
12321

멘토에게

  • 재작업한 파일들이 pr 안올라가서 다시 올립니다..
  • 아직 미완성입니다..
    4132

@changchanghwang
Copy link

왜 close하고 새로운 PR로 여셨어요?

@OhHaesang
Copy link
Collaborator Author

왜 close하고 새로운 PR로 여셨어요?

전에 코드 전체가 이상하다고 생각해서 새 작업폴더 만든 후에 mission5 처음부터 다시 시작한 후에 pr 올리려고 하니까 작업 파일들이 올려지지 않아서 기존 basic 작업 폴더에 복사해서 올렸더니 제가 작업한 react 부분 파일들이 올라가길래 이렇게 진행했습니다.

Copy link

@changchanghwang changchanghwang left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

리뷰는 일전에 한걸로 참고하시면 될 것 같습니다.

참고로 제 기준에 PR을 닫고 새로 여는건 기존 기획이 변경되어서 기존코드가 너무 쓸모없어지거나, 더이상 해당 pr이 유효하지 않을때 닫는편입니다.

그게아니라 수정하는 정도라면 pr이 안올라간다 -> Pr이 안올라가는 이유는 컨플릭트겠죠 보통..? 이런걸 해결할 줄 알아야 된다고 생각합니다. 일단 이건 머지하겠습니다.

@changchanghwang changchanghwang merged commit 0d7ed93 into codeit-sprint-fullstack:react-오해상 Jun 17, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants