프로젝트명 '리뷰왕 킹컬리' 마켓컬리 제 1회 온라인 해커톤 Kurly Hack Festa 2022 본선 과제 제작 서비스 기획부터 Front-end/Back-end 개발 및 배포 진행 참여 인원 / 기간 Front-end 2명 & Back-end 2명 2022년...
목표 offset/limit parameter를 사용한 상품 더보기 기능 구현 과정 1. 상품 더보기 기능 상품 목록 하단의 더보기 버튼을 누를 때마다 상품을 8개씩 더 로딩해오는 기능을 구현하기위해 예전에 배웠던 query parameter와...
목표 상품의 검색과 옵션별 정렬이 가능한 상품 목록 페이지 구현 과정 1. 상품 목록(메인) 페이지 UI 1) Kream이 상품 거래 사이트이다보니 각 상품마다 동일하게 반복되는 양식들이 많았는데, 이 부분들을 전부 컴포넌트로 만들고 재사용함으로써 코드의 길이를...
프로젝트명 'CREAM' 한정판 상품 거래 플랫폼 'KREAM'의 기획, 디자인 클론 2주간 Front-end/Back-end 개발 진행 제작 기간 / 인원 2022년 6월 6일 - 2022년 6월 17일 Front-end 4명 & Back-end 1명 적용...
목표 상품 추가 / 삭제 / 수량 변경이 가능한 장바구니 페이지 구현 과정 1. 상품 데이터 받아오기 1) 사용자가 장바구니에 넣은 상품들의 목록을 렌더링하기위해 fetch 함수로 서버에서 데이터를 받아온 후 'itemList' 변수에 저장해두었다 . 2) 사용자를...
목표 JWT 인증방식을 활용한 로그인/회원가입 페이지 구현 과정 1. 로그인/회원가입 페이지 UI 1) lululemon의 사이트는 로그인 페이지에서 회원가입 버튼 클릭시 양식이 슬라이드로 올라와 한 페이지에서 로그인과 회원가입을 모두 진행할 수 있는 방식으로 되어...
![[Kurly Hack Festa 2022] 리뷰왕 킹컬리 프로젝트](https://cdn.hashnode.com/res/hashnode/image/upload/v1683525313231/RC4cg5koq.png?w=1600&h=840&fit=crop&crop=entropy&auto=format&auto=compress,format&format=webp)