> ## Documentation Index
> Fetch the complete documentation index at: https://daehan-base.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Base Pay

> Wagmi 기반 React 애플리케이션에서 Base Pay로 USDC 결제 받기

Base Pay는 Wagmi 애플리케이션에서도 다른 곳과 동일하게 작동합니다. 지갑 연결과 독립적으로 동작하며 Base Account SDK를 직접 사용합니다.

## 구현

Base Pay는 별도의 Wagmi 통합이 필요하지 않습니다. [결제 받기 가이드](/base-account/guides/accept-payments)를 따르기만 하면 됩니다. 모든 코드 예제는 Wagmi 앱에서도 동일하게 작동합니다.

핵심 사항:

* **지갑 연결 불필요** - Base Pay가 SDK를 통해 모든 것을 처리
* **동일한 API** - 메인 가이드에 표시된 대로 `pay()`와 `getPaymentStatus()`를 그대로 사용
* **Wagmi와 함께 작동** - `useAccount()`에서 연결된 사용자 주소를 표시할 수 있지만 결제에 필수는 아님

## 빠른 예제

```tsx theme={null}
import { pay } from '@base-org/account'
import { useAccount } from 'wagmi' // 선택사항 - 표시용만

export function CheckoutButton() {
  const { address } = useAccount() // 선택사항

  const handlePayment = async () => {
    try {
      const payment = await pay({
        amount: '5.00',
        to: '0xYourAddress',
        testnet: true
      })
      console.log('Payment sent:', payment.id)
    } catch (error) {
      console.error('Payment failed:', error)
    }
  }

  return (
    <div>
      {address && <p>연결됨: {address}</p>}
      <button onClick={handlePayment}>
        Base Pay로 $5.00 결제
      </button>
    </div>
  )
}
```

<Warning>
  **브랜드 가이드라인을 준수해 주세요**

  `BasePayButton`을 사용할 경우 애플리케이션 전체의 일관성을 위해 Base 브랜드 가이드라인을 준수해 주세요.
</Warning>

## 더 알아보기

사용자 정보 수집과 같은 전체 구현 세부 정보, 예제, 고급 기능은 메인 [결제 받기 가이드](/base-account/guides/accept-payments)를 참조하세요.