쿠팡 결제 과정을 개발자 시선에서 확인해보자 2 (업그레이드 ver)

 

W6D1에 했던 플로우차트

https://32jyeon.tistory.com/122

[ 코드스테이츠 PMB 16기 W6D1 ] 쿠팡 결제 과정을 개발자 시선에서 확인해보자

 

 

 

회고

W6D1에 비해 달라진 점은 각각의 API 선택에 따라 저장되는 데이터들을 추가했다. flow의 각 단계에 대한 데이터 저장값을 전혀 나타내고 있지 않았던 것 같다.

 

 

위의 과정에서 클라이언트/서버/DB는 어떻게 보이고 작동할까?

 

- 로그인 화면

클라이언트 - 로그인/비밀번호 화면에 노출

서버 - 로그인/비밀번호 데이터 찾기

DB - 로그인, 비밀번호를 입력할 경우 데이터베이스에 저장

 

- 상품 검색 화면

클라이언트 - "최근 검색어/당일배송,새벽배송되는 로켓프레시 상품/ 쿠팡 추천 검색어" 카테고리화된 키워드들 화면에 노출

서버 - 이전 검색어 기록, 추천 검색어 관련 상품들 기록 검색 페이지에 노출

DB -  고객이 검색어를 입력할 경우 데이터베이스에 저장

 

-  검색한 상품 화면

클라이언트 - 검색어에 대한 정보를 리스트로 화면에 노출

서버 -  검색한 상품에 대한 정보들 노출

DB - 고객이 검색한 상품 데이터베이스에 저장 

         어떤 상품을 눌러봤는지에 대한 데이터베이스에 저장 (정보 수집)

 

-  검색한 상품 상세 화면

클라이언트 - 검색한 상품 상세 정보 노출

서버 - 서버에서 해당 상품 상세 정보 데이터 확인 후 상세 페이지에 노출

DB - 상품 상세 정보들을 제공

 

- 결제하기 화면

클라이언트 - 상품명/수량/옵션/수령인/수령인 주소/ 결제 정보 를 팝업창으로 노출

                    고객이 제공한 정보(고객 정보, 결제 수단 등) 서버로 전달

서버 -  클라이언트로부터 받은 정보 받기

DB - 클라이언트와 서버가 주고 받은 정보들 (결제내역) 저장 → 새로운 구매내역 데이터 저장