링크 https://juo1221.github.io/react-shop/index.html
Shoes Shop shopping page
페이지 구성
- 홈
- 상세페이지
- 장바구니
- 최근 본 상품
홈 | 메인 페이지
- 더보기 버튼 클릭 전 : 기본으로 3개상품만 보입니다.
- 더보기 버튼 클릭 후 : 3개가 추가돼서 6개 상품이 보입니다. + 더보기 버튼은 사라집니다.
해당하는 이미지를 클릭 하면 상세페이지로 이동합니다.
상세페이지 | 클릭한 상품에 대한 상세 정보가 있는 페이지
-
사이즈선택 : 각 상품에대해 S M L 사이즈로 선택할 수 있습니다. 기본값은 S 입니다.
-
뒤로가기 : 현재 상품보다 앞에있는 상품을 확인 할 수 있습니다
첫 페이지라면 동작하지 않습니다. -
주문하기 : 사이즈를 선택한 정보를 가지고 장바구니 페이지로 이동하게 됩니다.
-
다음상품 : 현재 상품보다 뒤에있는 상품을 확인 할 수 있습니다.
마지막 페이지라면 동작하지 않습니다.
장바구니 | 주문한 상품에 대한 테이블이 있는 페이지
-
변경 : 0개 ~ 상품에 정해진 수량까지 수량을 변경할 수 있습니다.
- 만약 a라는 상품이 장바구니에 올라온 상태에서 다시 같은 상품을 주문한다면 수량이 1 증가하게 됩니다.
- 만약 a라는 상품이 장바구니에 올라온 상태에서 다른 사이즈의 상품을 주문한다면 장바구니에 새로 등록 됩니다.
-
삭제 : 해당 상품을 장바구니에서 삭제합니다.
-
정렬 : 상품의 아이디 (#) 를 오름차순 기준으로 정렬합니다.
- 만약 같은 상품에 사이즈만 다를경우 정렬을 하게되면 사이즈의 영문자를 오름차순 기준으로 정렬합니다.
최근 본 상품 | 조회한 상품을 모아놓은 페이지
-
상품을 조회하지 않은 경우 : 아래와 같은 문구가 나옵니다.
-
상품을 조회한 경우 : 구매하기 버튼을 누르면 다시 해당상품에 대한 상세 페이지로 이동합니다.
