Skip to content

[민기범] Sprint5#97

Merged
gyulrangdev merged 12 commits intocodeit-sprint-fullstack:react-민기범from
gudeng0611:react-민기범-sprint5
Aug 13, 2025

Hidden character warning

The head ref may contain hidden characters: "react-\ubbfc\uae30\ubc94-sprint5"
Merged

[민기범] Sprint5#97
gyulrangdev merged 12 commits intocodeit-sprint-fullstack:react-민기범from
gudeng0611:react-민기범-sprint5

Conversation

@gudeng0611
Copy link
Collaborator

요구사항

기본

  • [] 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을 만들어 필요한 곳에 활용해 보세요.
  • 중고 마켓의 카드 컴포넌트 반응형 기준은 다음과 같습니다.

주요 변경사항

  • 중고마켓 반응형 웹페이지 구현
  • 중고마켓 내용은 더미로 구성

멘토에게

  • 반응형 웹페이지가 어려워서 시간이 많이걸린다고 하여 우선 구현하다 중고마켓은 더미로만 우선 구성해서 올립니다...
  • 파일 구조가 복잡하게 구성되어서 추후에 개선하겠습니다.
  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

gudeng0611 and others added 12 commits July 8, 2025 16:45
 Sprint에 대한 설명 대신 판다마켓 프로젝트에 대한 설명으로 변경
 스프린트 1,2 내용 구현
  메인 화면(index.html) 구현
  로그인 및 회원가입 페이지 구현
  데이터 저장, 비밀번호 토글 등 웹페이지와의 상호작용은 미구현
 네비게이션 바가 상단에 고정되도록 수정
 코드 리뷰에서 작성된 수정사항 및 파일 구조 변경
  각 페이지별 폴더 구조로 변경
  참조 경로 절대 참조로 변경
  사용자 브라우저 설정에 따라 변화하도록 px값 대신 rem값으로 css 수정
  화면 해상도가 1920px보다 커질 때 배너 내부 요소 고정되도록 변경
 페이지 아이콘 및 메타 태그 추가
  favicon을 이용해 페이지 아이콘 추가
  랜딩 페이지에 이름, 설명, 주소, 이미지를 포함하는 og 메타 태그 추가
 로그인 및 회원가입 페이지 로직 추가
  로그인 및 회원가입 페이지 input 유효성 검증 추가
  더미 데이터를 이용한 로그인 및 회원가입 기능 구현
 코드 포맷 통일 및 공통 모듈 분리
  prettier를 이용해 js 코드 포맷 통일
  공통으로 사용되는 USER_DATA 및 검증/에러 함수 formUtils.js로 분리
 Article 및 Product CRUD api 구현
  Article/Product CRUD api 구현
  try/catch를 이용한 오류 처리 로직 구현
 중고마켓 페이지 구현(미완성)
  반응형 페이지 구현 중
  중고마켓 페이지 더미 구현
@gudeng0611 gudeng0611 changed the title React 민기범 sprint5 [민기범] Sprint5 Aug 10, 2025
@gudeng0611 gudeng0611 self-assigned this Aug 10, 2025
@gudeng0611 gudeng0611 closed this Aug 13, 2025
@gyulrangdev gyulrangdev reopened this Aug 13, 2025
Copy link
Collaborator

@gyulrangdev gyulrangdev left a comment

Choose a reason for hiding this comment

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

실수로 PR close 하신 것 같아 다시 오픈했습니다.
src/hooks/useBreakpoint.js 에서 반응형을 훅으로 처리하신 부분이 좋았습니다.
리액트가 많이 어려우셨거나 이번주에 시간이 부족하셨을 것 같아요. 다음 스프린트까지 화이팅 하셨으면 좋겠습니다 :)

고생하셨어요~

Copy link
Collaborator

Choose a reason for hiding this comment

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

react 브랜치 부터는 react 프로젝트만 있으면 좋겠어요~
현재는 panda_market에 리액트 프로젝트가 구성되어있네요.

@gyulrangdev gyulrangdev merged commit 82328c7 into codeit-sprint-fullstack:react-민기범 Aug 13, 2025
2 checks passed
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.

3 participants