1. 요구사항
- Vanilla JS로 제작합니다.
- 외부 라이브러리를 사용하지 않습니다.
- SPA로 구현합니다.
- 상품페이지
- 상세페이지(모달)
- 장바구니(주문페이지)
<div id="root"></div> 안에 추가되도록 구현합니다.- 장바구니 추가와 상품 좋아요 기능을 구현해야 합니다.
- 장바구니 추가와 좋아요 상품 추가는 클라이언트내에서만 기록되고 동작합니다.
- API를 사용하지 않습니다.
- GET 작업 외 POST, PUT, DELETE 작업은 요청만 보내고 반영되지 않습니다.
- 혹시 이상한 게시물이 올라갈 수 있기 때문에 실제로 동작하지는 않습니다.
- success 메시지를 통해 제대로 전송이 되었는지만 확인이 가능합니다.
1.1 추가 요구사항
- 쿠폰 기능 추가하기
- discount : 할인가
- discountRate : 할인율
- 할인가 = 원가*할인율
- 존재하지 않는 상품처리
- 뒤로가기, 앞으로가기 기능 추가하기
1.2 디자인 요구사항
링크 : 디자인 피그마 링크
https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FKdWIgQ5VBQYPPlMB2ER6TX%2F%25ED%258C%258C%25EC%259D%25B4%25EB%2584%2590%25EC%25BD%2594%25EB%2594%25A9%25ED%2585%258C%25EC%258A%25A4%25ED%258A%25B8_API%3Fnode-id%3D0%253A1
1.3 asset 링크(github)
링크 : https://bit.ly/3CD571b
2. Data 구조