feat(week-05): implement RainbowKit wallet connect assignment

[Seungwan98]

구현한 내용

• week-05/dev/my-dapp에 RainbowKit + wagmi 기반 지갑 연결 앱을 추가했습니다.
• ConnectButton.Custom 기반 커스텀 지갑 연결 버튼을 구현했습니다.
• Sepolia 네트워크 전환, ETH 전송, 트랜잭션 상태 표시, 최근 전송 히스토리 UI를 구현했습니다.
• week-05/quiz/quiz-05-solution.md에 퀴즈 답안을 작성했습니다.

배운 점

• RainbowKit은 지갑 연결 UI를 제공하고, 실제 계정 상태 조회나 트랜잭션 처리는 wagmi 훅으로 구성한다는 점을 다시 정리할 수 있었습니다.
• useSwitchChain, useSendTransaction, useWaitForTransactionReceipt를 조합하면 사용자 입장에서 지갑 연결부터 전송 완료까지의 흐름을 한 화면에서 자연스럽게 만들 수 있었습니다.
• WalletConnect Project ID는 코드에 직접 넣기보다 .env.local로 분리하고, 저장소에는 .env.example만 남기는 방식이 안전하다는 점을 확인했습니다.

어려웠던 점과 해결 방법

• RainbowKit과 wagmi 버전 호환성이 바로 맞지 않아 설치 단계에서 의존성 충돌이 있었습니다.
  • 해결: RainbowKit 2.x와 호환되는 wagmi 2.x 조합으로 맞추고, provider 순서를 공식 문서 기준으로 정리했습니다.
• 트랜잭션 receipt 추적이 현재 체인 상태에 따라 흔들릴 수 있었습니다.
  • 해결: Sepolia 기준 chainId를 명시해서 잔액 조회와 receipt 추적이 같은 네트워크를 기준으로 동작하도록 수정했습니다.
• PR 범위에 week-02~04 커밋이 같이 들어갈 뻔했습니다.
  • 해결: origin/main 기준으로 week-05 커밋만 다시 정리해서 깨끗한 브랜치로 PR을 생성했습니다.

2026-03-30.6.07.57.mov

검증

• npm run lint
• npm run build

Demo

• 동작 스크린샷 또는 짧은 데모 영상 첨부 예정