Features

Payments

이 섹션에서는 Supaplate의 Toss Payments 연동에 대해 알아봅니다.


Toss 결제위젯

Toss Payments 위젯 사용 방법과 결제 플로우에 대한 자세한 내용은 Toss Payments 문서를 참고하시기 바랍니다.

문서 읽기

Toss Payments 문서는 결제 플로우(flow)가 어떻게 작동하는지 설명하는 훌륭하고 환상적인 리소스입니다.

계속 진행하기 전에 반드시 읽고 이해한 후 진행하시기 바랍니다.


Supaplate의 Toss Payments 연동

Toss Payments

연동은 매우 간단합니다.

기본적으로 위의 문서를 구현하면 됩니다.

./app/features/payments/screens 에서 다음 파일을 찾을 수 있습니다:

checkout.tsx

Toss Payments 위젯을 렌더링하고 결제를 요청합니다.

success.tsx

결제가 성공한 경우, Toss Payments API를 통해 결제를 확인하고 데이터베이스에 저장한 후 표시되는 화면입니다.

failure.tsx

결제 실패 시 표시되는 화면입니다.

payments.tsx

유저가 결제한 모든 내역을 보여주는 테이블입니다.

결제 내역

/dashboard/payments 경로에서 유저가 결제한 모든 결제 내역을 확인할 수 있습니다.

Payment History

Previous
Legal
Next
Sentry