결제 수단 데이터 수신

결제 UI에서 사용자에게 표시할 결제 방법 데이터를 수신하려면 즉시 사용 가능한 구성 요소 또는 SDK 메서드를 사용할 수 있습니다.

구성 요소 사용

1. 결제 UI의 HTML 마크업에 psdk-payment-methods 구성 요소를 추가하여 사용 가능한 결제 수단 목록을 표시합니다.

<psdk-payment-methods country="US"></psdk-payment-methods>

2. 사용자가 특정한 결제 수단을 선택할 때 전송한 selectionChange 이벤트 처리를 추가합니다.

const paymentMethods = document.querySelector('psdk-payment-methods');
paymentMethods?.addEventListener('selectionChange', (event) => {
  console.log(event.detail);
});

SDK 메서드 사용

const methods = await headlessCheckout.getRegularMethods();