Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[최제원] sprint5 #224

Merged

Conversation

CJewon
Copy link
Collaborator

@CJewon CJewon commented Nov 28, 2024

요구사항

기본

  • 중고마켓 페이지 주소는 “/items” 입니다.
  • 페이지 주소가 “/items” 일때 상단네비게이션바의 “중고마켓" 버튼의 색상은 “3692FF”입니다.
  • 상단 네비게이션 바는 이전 미션에서 구현한 랜딩 페이지와 동일한 스타일로 만들어 주세요.
  • 베스트 상품 정렬 기준은 favorite 입니다.
  • 전체 상품에서 드롭 다운으로 “최신 순” 또는 “좋아요 순”을 선택해서 정렬을 할 수 있습니다.
  • ‘상품 등록하기’ 버튼을 누르면 “/additem” 로 이동합니다 ( 빈 페이지 )
  • 카드 데이터는 제공된 백엔드 API 페이지의 GET 메소드인 “/products”를 사용해주세요
  • 미디어 쿼리를 사용하여 반응형 view 마다 물품 개수를 다르게 보여줍니다 (서버로 요청하는 값은 동일)

심화

  • 페이지 네이션 기능을 구현합니다.
  • [ ]반응형으로 보여지는 물품들의 개수를 다르게 설정할때 서버에 보내는 pageSize값을 적절하게 설정합니다.

주요 변경사항

스크린샷

image

멘토에게

  • 미디어 쿼리를 활용하여 반응형 웹으로 만들지 못하였습니다.
  • 드롭다운 관련하여 select 태그와 option 태그를 사용했는데 option 태그의 css가 변경되지 않습니다. 커스텀으로 다시 만들어줘야할까요?
  • 페이지 네이션을 구현하지 못해 하단에 pageSize 클릭하는 페이지갯수를 만들지 못했습니다.
  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

@CJewon CJewon requested a review from kich555 November 28, 2024 04:09
@CJewon CJewon added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Nov 28, 2024
@kich555 kich555 merged commit 7e6fc9c into codeit-bootcamp-frontend:React-최제원 Nov 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants