• 카테고리

    질문 & 답변
  • 세부 분야

    기타 (개발 · 프로그래밍)

  • 해결 여부

    미해결

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

23.01.17 19:16 작성 23.01.17 19:17 수정 조회수 328

0

파이널 코딩 테스트 : 프론트엔드(추가문제-바닐라JS로SPA만들기및API비동기통신:스토어페이지만들기) 관련 질문 드립니다!

현재 강의를 제작 중임에 먼저 figma를 보고 페이지를 만들어보던 중 이해가 잘 안되는 부분이 생겨 강의 전에 먼저 질문을 드리고자 글 남겨봅니다!

현재 cart 페이지 주문 상품 부분을 제작 중입니다만,, 구매 상품을 표시하는 부분이 가격이나 할인이 어떻게 표시되는 것인지 판단하기가 어려운거 같아서 어떤 식으로 이해하는게 맞는지 여쭤보고 싶습니다.

첨부한 사진을 보면

  1. 노트북 파우치의 경우 옵션이 2개인데 주문 금액에는 반영이 안되어있는것 같습니다.

  2. 또한 구매할 상품들의 총 상품 금액또한 맞지 않는 것 같습니다.

  3. 그리고 총 상품 금액에 부분에서 쿠폰 할인에는 선택된 쿠폰에서 받을 수 있는 할인 금액을 다 합치는 것으로 이해를 했는데 배송비에도 보니 무료 배송 쿠폰 내용이 적용이 되어있더라구요,, 배송이랑 상품 쿠폰이 따로 관리되어 적용되는 것인지 궁금합니다.

질문 사항에 외에도 해당 페이지의 주문 상품 부분의 figma가 어떤 로직을 담고 있는건지 전체적인 동작 방식에 대해 답변 부탁드립니다!



답변 1

답변을 작성해보세요.

1

안녕하세요, 제주코딩베이스캠프입니다. :)
우선 혼란을 드려 죄송합니다.

피그마에는 옵션이 있을 경우와 없을 경우, 할인이 적용된 경우와 그렇지 않은 경우 등의 디자인을 참고할 수 있도록 제작되었습니다.
로직이 담겨있지는 않기 때문에 디자인만 참고해 주시기 바라며, 기능 구현은 명세를 참고해주시기 바랍니다.

피그마는 기능 구현에 맞게 금액, 쿠폰 적용 등에 부분을 수정해 놓도록 하겠습니다.

감사합니다. :)

그리고 총 상품 금액에 부분에서 쿠폰 할인에는 선택된 쿠폰에서 받을 수 있는 할인 금액을 다 합치는 것으로 이해를 했는데 배송비에도 보니 무료 배송 쿠폰 내용이 적용이 되어있더라구요,, 배송이랑 상품 쿠폰이 따로 관리되어 적용되는 것인지 궁금합니다.

-> 네, 쿠폰 할인과 배송비 쿠폰은 따로 적용됩니다. 가격 할인은 쿠폰 할인에 적용되고, 배송비 쿠폰은 배송비에 적용됩니다.

또한, 총 상품금액을 나타내는 박스에서도 마찬가지로 쿠폰 할인은 상품 가격 할인 쿠폰이 적용되고, 배송비는 선택한 전체 상품의 배송비로 무료 배송 쿠폰을 사용하면 금액이 반영되어 나타나야 합니다.

"총 상품금액"은 쿠폰 할인 및 배송비 쿠폰이 적용되지 않은 상품의 총 가격을 말하고, "결제 예정 금액"은 쿠폰 할인 금액을 빼고, 배송비를 더한 총 가격을 말합니다.

+) 총 상품 금액과 결제 금액이 나타나는 곳은 장바구니 테이블에서 선택된 상품만을 계산합니다.