wagmi란?

1. wagmi란 무엇인가?

wagmi는 이더리움과 같은 블록체인과 React 애플리케이션을 쉽게 연결해주는 라이브러리입니다.
웹에서 MetaMask 같은 지갑을 연결하고, 잔액을 조회하고, 토큰을 전송하고, 스마트 컨트랙트와 상호작용하는 걸 도와주는 편리한 도구입니다.

"WAGMI" = We're All Gonna Make It (우리는 모두 성공할 거야)

---

2. wagmi의 장점

• React 훅으로 지갑 연결 상태 관리
• 잔액 조회, 트랜잭션 전송, 컨트랙트 호출까지 준비된 API 제공
• 연결된 지갑, 네트워크, 주소 상태를 자동으로 관리
• 위와 같은 작업을 고수준언어로 쉽게 제작 가능합니다.

---

3. wagmi 주요 기능

 

지갑 연결	MetaMask, WalletConnect 등 지원
주소 조회	연결된 address, 연결 여부
잔액 조회	useBalance 훅으로 쉽게 가능
트랜잭션	이더, 토큰 전송 지원
컨트랙트	스마트컨트랙트 읽기, 쓰기

 

---

4. wagmi 기본 구조 

wagmi는 React + ethers.js + viem을 기반으로 동작합니다.

(1) Provider로 전체 앱에 연결 정보 전달
(2) useAccount 같은 훅으로 지갑 상태 확인
(3) useBalance, useSendTransaction 같은 훅으로 블록체인 사용

---

5. wagmi 코드

1. 지갑 연결 여부 확인

const { address, isConnected } = useAccount()

2. 잔액 조회

const { data: balanceData } = useBalance({ address, chainId: 1001, // 내가 원하는 체인 ID })

3. 트랜잭션 전송

await sendTransactionAsync({ to: '0xabc...', value: parseEther('0.1'), })