feat: toss 결제 모듈 연동 개발

[jong15325]

📝요약(Summary)

이슈 번호 : #162

🔨변경 사항(Changes)

1. 결제 화면 구성(toss 테스트 API, 추가 기능으로 orderId와 jwt 토큰 입력칸으로 주문 정보 조회)
2. 결제 요청(/api/payments/confirm)
3. 결제 승인(api.tosspayments.com/v1/payments/confirm)
4. 결제 취소(/api/payments/{paymentId}/cancel)

test 환경변수
TOSS_PAYMENTS_API_URL=https://api.tosspayments.com/v1/payments;
TOSS_PAYMENTS_CLIENT_KEY=test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm;
TOSS_PAYMENTS_SECRET_KEY=test_gsk_docs_OaPz8L5KdmQXkzRz3y47BMw6

😉리뷰 요구사항

1. 결제 화면 호출 : http://localhost:8080/payment-test.html
2. 주문ID, 로그인 후 발급받은 토큰 입력 후 정보 가져오기(주문 상태에 따라서 결제 위젯 호출/결제 취소/안내문구노출 분기)
3. 가능한 결제 : 퀵계좌이체, 신용/체크카드, tosspay, 카카오페이, 네이버페이(휴대폰, 페이코는 불가)
   • 카카오 페이 결제 시 카카오페이에 연결된 계좌에서 실제로 충전만됌(모든 결제는 실제 결제X)
4. 결제 취소는 PAID, PROCESSING, SHIPPED, DELIVERED 상태에서만 가능(이외에 반품이나 환불 상태는 좀 애매하네요..)
5. 결제 취소 및 승인 테스트시 토스 결제 활용 시 실제 핸드폰 알림이 와서 편합니다

[DaveLee-b]

전체적인 코드는 확인했습니다 병합 이후에 추가적으로 실행하여 확인해보겠습니다!

[jungyoyang]

확인했습니다!

[jeemin65-pixel]

확인했습니다!