React 오해상 mission5(restart)#68
Merged
changchanghwang merged 20 commits intocodeit-sprint-fullstack:react-오해상from Jun 17, 2025
Hidden character warning
The head ref may contain hidden characters: "react-\uc624\ud574\uc0c1-mission5"
Merged
React 오해상 mission5(restart)#68changchanghwang merged 20 commits intocodeit-sprint-fullstack:react-오해상from
changchanghwang merged 20 commits intocodeit-sprint-fullstack:react-오해상from
Conversation
Basic 오해상 mission 1,2
|
왜 close하고 새로운 PR로 여셨어요? |
Collaborator
Author
전에 코드 전체가 이상하다고 생각해서 새 작업폴더 만든 후에 mission5 처음부터 다시 시작한 후에 pr 올리려고 하니까 작업 파일들이 올려지지 않아서 기존 basic 작업 폴더에 복사해서 올렸더니 제가 작업한 react 부분 파일들이 올라가길래 이렇게 진행했습니다. |
changchanghwang
approved these changes
Jun 17, 2025
changchanghwang
left a comment
There was a problem hiding this comment.
리뷰는 일전에 한걸로 참고하시면 될 것 같습니다.
참고로 제 기준에 PR을 닫고 새로 여는건 기존 기획이 변경되어서 기존코드가 너무 쓸모없어지거나, 더이상 해당 pr이 유효하지 않을때 닫는편입니다.
그게아니라 수정하는 정도라면 pr이 안올라간다 -> Pr이 안올라가는 이유는 컨플릭트겠죠 보통..? 이런걸 해결할 줄 알아야 된다고 생각합니다. 일단 이건 머지하겠습니다.
0d7ed93
into
codeit-sprint-fullstack:react-오해상
1 check passed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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값을 적절하게 설정합니다.
주요 변경사항
스크린샷
멘토에게