Wecode - Project 2 (부트캠프)/Project 2 과정

Project 2- 주문 결제 장바구니 소셜로그인 구현 **

Queen Julia 2023. 10. 4. 20:52

결제

 

결제가 두가지 루트가 아닌가? 아니다. 

결제 api 하나

- 장바구니 페이지에서 '구매하기' 버튼을 눌러서 결제를 하든

- 상세페이지에서 '바로 구매' 버튼을 눌러서 결제를 하든 

프론트 호출 하는 api 하나만 있으면 됨. 

app.post (/payment, 

 

api가 바뀌는 것? cart로 

 

결제하는 거 하나 

 

엔드 포인트가 달라지는 

 

결제에서 error handling은?

if 재고가 다 떨어졋다

if 주문금액이 결제 포인트보다 적다 

 

프론트가 페이지가 달라지는거지

 

ㅡㅡㅡㅡㅡㅡㅡ

장바구니 api (장비구니 담고, 넘어가는거, 결제로 넘어가는거, 장바구니 수량 변경, 주문은 나중에 )

ㅡ 장바듀니 추가 (장바구니 담을때 뭐가 필요해 produxt id, option, userid createdat >>db에서 볼때 기준,필요하잖아: 누가 담았는제 , (전체목록/상세/메인에서 담든 똑같음)

-장바구니 목록 가져오는거 

post get 

  • 결제(상세 메인에서 담든 똑같음)
  • 장바구니 결제 후 삭제

 

  • 물품 수량 변경하기 (option) 추가

 

주문 

ㅡ 내가 선택한 제품읗 다른 시람이

못하게 하는 기능 (다른 사람한텐 재고 없게) 

10분 동안 미결제시 넘어갑니다

구매중입니다 라는 status

 

 

 

소셜로그인

ㅡ 이건 프론트단에서 다 알아여하는거라 

 

기능 구현을 해봐여함 - 코드 퍼스트맨에서 해보고 안되면 그때 코드를 보고 

 

프런트 다 알라여함 그래서

프론트를 하려고하도 서버를 공부해여하고

뱍엔드를 하려고 해도 리액트 공부해야 ㅇㅇ 

백엔드가 많이 나옴 

 

 

장바구니

 - 생성 (담아오고)

-read (list 보여주고)

- update -수량 변경

- 삭제 delete 

 

 

if 에러 핸들링

- 재고 부족

- 만약 유저가 이미 있는 상품을 추가 하면, 새로 상품 추가가 아니라, 있던 상품을 하는 거 

(product id가 같으면, + 로 올라가게 하는 거) 

 

프론트: 주문/결제 페이지 하나, 결제 모듈 연결하는 페이지로

백엔드: 주문 api, 결제 api