로그인/회원가입, 정보 수정 UI는 판매자와 거의 비슷해 생략함.
상품의 목록을 확인할 수 있는 페이지다. 처음 입장하면 마주하는 페이지며, default로 상의를 보여주게 된다. 목록은 무한 스크롤로 구현해 스크롤을 내려 목록을 계속 불러올 수 있다.
좋아요와 장바구니
상품의 상세 페이지며, 이미지는 Swipper로 구현해 등록된 이미지들을 확인할 수 있다.
또한, 상품을 구매하고 장바구니에 추가할 수도 있고, 좋아요에 추가할 수 있는데, 이 기능들을 사용하려면 로그인을 해야한다.
내용은 간단하게 등록된 이미지들만 넣는 것으로..ㅎ
바로 구매 버튼을 클릭하면 들어오는 페이지다.
배송지 등록 버튼을 클릭해 주소를 입력하는 모달이 나타나며, 모달안의 내용은 카카오에서 제공하는 주소 API를 사용해 주소를 가져오게 된다. 내용을 모두 작성하지 않으면 주문을 할 수 없게된다.
쿠폰을 등록하기 위해서는 쿠폰 코드를 알아야하며, 유효하지 않은 쿠폰 코드일 경우 사용 불가라는 알림 메세지가 뜨게 된다.
이후 결제하기 버튼을 클릭하면 카카오 페이 결제 화면으로 넘어가게 되고 결제에 성공하게 되면 해당 주문의 조회 페이지로 넘어가게 된다.
<aside> 💡 결제는 카카오 페이 연동만 한 상태다.
</aside>