DApp 아키텍처 — 프론트·RPC·지갑 연결 커버 이미지

Web3 apps · 온라인

DApp 아키텍처 — 프론트·RPC·지갑 연결

React 기반 예제(과제 저장소 제공)로 지갑 연결, nonce 충돌, 영수증 확인 UX를 만듭니다. 백엔드 인프라 구축(클라우드 설계)은 범위 밖입니다.

720,000 원 참고용 금액이며 계약서가 우선합니다.

기간: 5주 · 일정: 저녁

이 코스로 상담 요청

다루는 주제

  • RPC 제공자 선택과 레이트 리밋 기초
  • ethers v6 또는 viem 중 하나 선택 트랙
  • 트랜잭션 상태 머신 UI 패턴
  • 로컬 노드/포크로 디버깅
  • 접근성 있는 에러 메시지 작성 가이드

끝나고 나면

  1. 읽기/쓰기 호출 경로를 다이어그램으로 그릴 수 있다.
  2. 사용자에게 보여줄 에러 계층을 정의할 수 있다.
  3. 지갑 네트워크 불일치 시 복구 플로를 구현할 수 있다.

담당 멘토

박나린 프로필 이미지

박나린

Web3 앱 멘토. 지갑 UX 리서치 노트를 과제에 반영합니다.

후기

DApp 아키텍처 트랙의 트랜잭션 상태 머신 패턴 덕분에 제품 이슈 티켓에 재현 단계를 붙이기 쉬워졌어요.

— 도현 · 주니어 프론트 · IT 서비스 · 4/5

RPC 레이트 리밋 파트가 짧았지만, 문서 링크가 정리돼 있어서 주말에 보강했습니다.

— 시우

자주 묻는 질문

기본 훅 사용 경험이 필요합니다. 사전 모듈 링크를 드립니다.