cart 페이지 피그마 로직관련 질문드립니다!

Question

파이널 코딩 테스트 : 프론트엔드(추가문제-바닐라JS로SPA만들기및API비동기통신:스토어페이지만들기) 관련 질문 드립니다! 현재 강의를 제작 중임에 먼저 figma를 보고 페이지를 만들어보던 중 이해가 잘 안되는 부분이 생겨 강의 전에 먼저 질문을 드리고자 글 남겨봅니다! 현재 cart 페이지 의 주문 상품 부분을 제작 중입니다만,, 구매 상품을 표시하는 부분이 가격이나 할인이 어떻게 표시되는 것인지 판단하기가 어려운거 같아서 어떤 식으로 이해하는게 맞는지 여쭤보고 싶습니다. 첨부한 사진을 보면 노트북 파우치 의 경우 옵션이 2개인데 주문 금액에는 반영이 안되어있는것 같습니다. 또한 구매할 상품들의 총 상품 금액 또한 맞지 않는 것 같습니다. 그리고 총 상품 금액에 부분에서 쿠폰 할인 에는 선택된 쿠폰에서 받을 수 있는 할인 금액을 다 합치는 것으로 이해를 했는데 배송비 에도 보니 무료 배송 쿠폰 내용이 적용이 되어있더라구요,, 배송이랑 상품 쿠폰이 따로 관리되어 적용되는 것인지 궁금합니다. 질문 사항에 외에도 해당 페이지의 주문 상품 부분의 figma가 어떤 로직을 담고 있는건지 전체적인 동작 방식에 대해 답변 부탁드립니다!

jejucoding · Answer

안녕하세요, 제주코딩베이스캠프입니다. :) 우선 혼란을 드려 죄송합니다. 피그마에는 옵션이 있을 경우와 없을 경우, 할인이 적용된 경우와 그렇지 않은 경우 등의 디자인을 참고할 수 있도록 제작되었습니다. 로직이 담겨있지는 않기 때문에 디자인만 참고해 주시기 바라며, 기능 구현은 명세를 참고해주시기 바랍니다. 피그마는 기능 구현에 맞게 금액, 쿠폰 적용 등에 부분을 수정해 놓도록 하겠습니다. 감사합니다. :)