Starzip DEX

Flow

1. 1지갑 연결
2. →2SIWE 서명
3. →3approve
4. →4transaction
5. →5confirmation
6. →6동기화

What I built

1. 01

   Frontend Architecture

   • Server / Client Component 책임 분리
   • domains/ · shared/ 도메인 구조
   • Turborepo 모노레포 전환
2. 02

   Wallet & Contract

   • MetaMask · WalletConnect 멀티 지갑
   • Contract read/write Custom Hook
   • Web2 + Web3 하이브리드 인증
3. 03

   실시간 차트

   • 수천 개 캔들 Canvas 렌더링
   • WebSocket 시세 → Query 캐시
   • ResizeObserver 반응형 차트
4. 04

   Transaction UX

   • 대기 · 성공 · 실패 즉시 피드백
   • 서명 거절 · 미연결 · 실패 처리
   • Desktop / Mobile 반응형