Features
Payments
이 섹션에서는 Supaplate의 Toss Payments 연동에 대해 알아봅니다.
Toss 결제위젯
Toss Payments 위젯 사용 방법과 결제 플로우에 대한 자세한 내용은 Toss Payments 문서를 참고하시기 바랍니다.
문서 읽기
Toss Payments 문서는 결제 플로우(flow)가 어떻게 작동하는지 설명하는 훌륭하고 환상적인 리소스입니다.
계속 진행하기 전에 반드시 읽고 이해한 후 진행하시기 바랍니다.
Supaplate의 Toss Payments 연동
연동은 매우 간단합니다.
기본적으로 위의 문서를 구현하면 됩니다.
./app/features/payments/screens
에서 다음 파일을 찾을 수 있습니다:
checkout.tsx
Toss Payments 위젯을 렌더링하고 결제를 요청합니다.
success.tsx
결제가 성공한 경우, Toss Payments API를 통해 결제를 확인하고 데이터베이스에 저장한 후 표시되는 화면입니다.
failure.tsx
결제 실패 시 표시되는 화면입니다.
payments.tsx
유저가 결제한 모든 내역을 보여주는 테이블입니다.
결제 내역
/dashboard/payments
경로에서 유저가 결제한 모든 결제 내역을 확인할 수 있습니다.