SwiperSlide 라이브러리를 이용하여 메인 페이지 상단 이미지 슬라이드 기능을 구현하였습니다.

메인 페이지에서 상품 이미지 클릭 시 상세 페이지로 이동하도록 설계하였으며 장바구니 버튼 클릭시 팝업이 뜨도록 하였습니다.
또한 팝업 창에 장바구니에 담긴 상품을 바로 확인 할 수 있는 버튼과 팝업을 닫을 수 있는 버튼을 나란히 배치하였고
버튼 클릭 시 장바구니 페이지로 이동하거나 팝업을 닫도록 설계하였습니다.

장바구니 페이지에서는 상품의 갯수를 자유롭게 변경할 수 있도록 하였고 상품 갯수에 따른 상품의 가격을 함께 변경되도록 하였습니다.
또한 고객이 보다 쉽게 전체 가격 및 배송비를 확인 할 수 있도록 오른쪽에 바로 상품의 전체 금액 내역을 배치하였습니다.