강의 장바구니, 결제와 환불 기능 구현

장바구니 기능

스크린샷 2024-08-22 113708.png

스크린샷 2024-08-22 114654.png

관심 있는 강의의 기수를 확인하여 해당 기수를 장바구니에 추가할 수 있습니다. 장바구니 추가 후 장바구니 목록을 확인할 수 있게 해당 페이지로 이동하게 됩니다.

스크린샷 2024-08-22 오후 12.08.02.png

웹 사이트 상단의 장바구니 아이콘을 통해서도 장바구니 목록에 접근 할 수 있습니다.

스크린샷 2024-08-22 오후 12.07.31.png

장바구니 페이지에서는 장바구니 삭제와 결제가 가능합니다.

결제 기능

결제 기능은 토스 페이먼트를 사용하여 진행됩니다.

스크린샷 2024-08-22 오후 12.28.41.png

스크린샷 2024-08-22 오후 12.29.23.png

장바구니에서 결제 요청을 하면 결제가 진행됩니다.

스크린샷 2024-08-22 오후 1.01.39.png

클라이언트의 결제 요청 - 카드사 인증 - 토스 페이먼트 결제 승인 요청 - 백엔드의 승인 결과 처리의 과정을 거쳐 결제 로직이 수행됩니다. 결제 승인의 결과를 토스 페이먼츠에서도 확인 할 수 있습니다.

스크린샷 2024-08-22 오후 12.30.05.png

정상적으로 결제 요청이 처리되면 결제 완료 메시지와 함께 구매한 강의의 목록으로 갈지, 결제 정보 목록으로 갈지 선택할 수 있습니다.