의류 쇼핑몰 웹사이트입니다.
필터를 이용한 제품 탐색 기능과 리액트 쿼리의 무한 스크롤, 스크롤 복원 등을 구현하였습니다.
또한 토스 페이먼츠의 결제 api(테스트 결제)를 적용함으로써 제품의 탐색부터 장바구니, 그리고 결제에 이르기까지 유저의 제품 주문 프로세스의 전반적인 부분을 구현하였습니다.
UX를 개선하고자 일부 페이지에 스켈레톤 로더 방식을 적용하였고 제품 페이지는 정적으로 빌드해 SEO를 우선시하는 동시에 on-demand revalidate를 적용하여 제품의 수정과 삭제, 그리고 품절 여부에 대한 상태 업데이트가 가능하도록 구현하였습니다.

Raebef

E-commerce

Project summary

프로젝트명

개발 기간

내용

Skills

Links

Test account