Skip to content

Conversation

@danikim8
Copy link
Collaborator

@danikim8 danikim8 commented Mar 8, 2025

🏁 스프린트 미션 5 - 시안 확인

🔗 참고 링크

배포링크
스프린트 미션 5 Figma 디자인 확인


✅ 요구사항 체크리스트

기본 요구사항

공통

  • 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값을 적절하게 설정합니다.

🛠 주요 변경사항


📸 스크린샷

스프린트 미션 5


📝 멘토님에게 남길 메시지

  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다. 🚀

@danikim8 danikim8 changed the base branch from main to react-김단이 March 8, 2025 10:20
@danikim8 danikim8 requested a review from dokdo2013 March 8, 2025 10:20
@danikim8 danikim8 self-assigned this Mar 8, 2025
Copy link

@dokdo2013 dokdo2013 left a comment

Choose a reason for hiding this comment

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

  • memo 폴더 올리신거 지우셔도 될 것 같습니다 ㅎㅎ
  • 아직 스프린트 미션 파트는 구현 안 하신 걸로 이해했고, 이거는 다음 리뷰때라도 작업해서 올려주시면 리뷰해드리겠습니다!

package.json Outdated
},
"dependencies": {
"axios": "^1.8.2",
"express": "^4.21.2",

Choose a reason for hiding this comment

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

오잉 express도 여기서 설치하셨네요? 미사용이면 지우셔도 될 듯 합니다.

Comment on lines 8 to 13
<div className="nav">
<Link to="/" className="homepage-logo-link">
<img className="homepage-logo" src={logo} alt="판다마켓 로고" />
</Link>
<Link className="homepage-login" to="/login">로그인</Link>
</div>

Choose a reason for hiding this comment

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

큰 이슈는 아니고, 이왕 nav로 className 지정하셨으니... div 태그 대신 nav 태그를 쓰는게 HTML 웹 접근성 측면에서 더 좋아보입니다

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants