- 프론트엔드 ➡ 백엔드
주문 정보 생성 요청 - 백엔드 ➡ 프론트엔드
주문 정보(주문 번호, 가격 등) 생성하고 반환 - 프론트엔드 ➡ 아임포트
생성된 주문 정보로 결제 요청 - 아임포트 ➡ PG
해당 PG 사에 결제 요청 - 사용자 ➡ PG
결제 정보 확인 및 카드사 선택 - PG ➡ 카드사
해당 카드사에 결제 요청 - 사용자 ➡ 카드사
카드 정보 입력하고 결제 - 카드사 ➡ PG
결제 결과 반환 - PG ➡ 아임포트
결제 결과 반환 - 아임포트 ➡ 프론트엔드
결제 결과 반환 - 프론트엔드 ➡ 백엔드
결제 정보와 주문 정보를 이용하여 검증 요청 - 백엔드 ➡ 프론트엔드
결제 정보와 주문 정보가 일치하는지 확인하여 검증하고 결과를 반환
'FrontEnd > React.js' 카테고리의 다른 글
webpack과 babel (feat. CRA) (1) | 2024.01.11 |
---|---|
[React] 기술 면접 대비 리액트 용어 모음 (0) | 2023.11.06 |
[React] React.ReactElement 와 React.ReactNode (0) | 2023.07.13 |
[React] 컴포넌트가 데이터를 다루는 3가지 방법 (0) | 2023.06.21 |
[React] 데이터를 실시간으로 갱신하기(useSWR, setInterval,useQuery) (0) | 2023.03.19 |