프로젝트명 'CREAM'

• 한정판 상품 거래 플랫폼 'KREAM'의 기획, 디자인 클론
• 2주간 Front-end/Back-end 개발 진행

제작 기간 / 인원

2022년 6월 6일 - 2022년 6월 17일
Front-end 4명 & Back-end 1명

적용 기술 / 협업 도구

JSX, Styled-Components, React
Notion, Github, Trello, Slack

프로젝트 달성 목표

1. 1차 프로젝트에서 각자 해보지 못한 기능 구현
2. 스프린트 일정에 맞는 작업 진행과 작업 속도 개선
3. 프론트엔드/백엔드 간의 원활한 커뮤니케이션
4. 다양한 라이브러리들의 활용

기능 구현 목표

1. 소셜 로그인/회원가입 페이지
2. 메인(상품 목록) 페이지
3. 상품 상세 페이지
4. 매매/입찰 페이지
5. Nav Bar & Footer

시연 영상

내가 구현한 부분

1. 메인(상품 목록) 페이지 검색 & 정렬 기능

   • 상품 검색: 사용자가 입력한 검색어를 서버에 동적으로 전달하여 검색 결과를 보여주는 기능 구현
   • 상품 정렬: 인기순, 가격순 등 사용자가 선택한 정렬 옵션의 value를 서버에 전달하여 정렬된 상품 목록을 보여주는 기능 구현
   • 기능 구현 상세 및 회고
     
     

2. 상품 목록 페이지 더보기 기능

   • 페이지 하단의 버튼을 누를 때마다 상품을 8개씩 더 보여줄 수 있도록 offset/limit parameter를 사용한 pagination 기능 구현
   • 사용자가 더보기 버튼을 눌러 페이지가 이동된 이후 상단으로 다시 되돌아갈 수 있도록 scroll back to top 버튼 구현
   • 기능 구현 상세 및 회고