해커톤 프로젝트 01 · HashKey Chain

09 / 12

HashKey PayFi 수익 프로토타입

소셜 로그인과 smart account로 stablecoin 예치와 position 확인을 단순화한 HashKey 중심 PayFi 프로토타입입니다.

역할
Frontend & Product UI/UX Lead · 2025
문제
낯선 Account Abstraction 실행을 쉽게 느끼게 하면서도 action이 진행 중인지 실패했는지 숨기지 않아야 했습니다.
전략
Onboarding, account 결정, position data, action을 분리했습니다. 사용자 context를 먼저 확정한 뒤 잔액을 불러오고 제출한 action마다 결과 상태를 표현했습니다.
성과
HashKey Chain Hackathon: Taiyi Seoul 2025에서 PayFi Track Winner 결과를 얻었습니다.

PayFi Track Winner · 2025

01

문제 정의

왜 이 문제를 해결해야 했는가

HashKey 제출 프로젝트에서는 쉬운 onboarding, 하나의 제품 dashboard, Account Abstraction action을 중심으로 stablecoin yield 경험을 설계했습니다.

사용자와 시스템이 마주한 문제

  • 사용자가 제품을 살펴보기 전부터 지갑 생성, seed phrase, gas, 네트워크 설정을 거쳐야 했습니다.

  • Stablecoin position과 yield 기회가 여러 프로토콜과 체인에 흩어져 있었습니다.

  • 짧은 해커톤 구현에서도 smart-account action과 결과를 이해할 수 있어야 했습니다.

프론트엔드 오너십

이 제출 프로젝트의 프론트엔드와 제품 UI/UX를 리드했습니다. Account Abstraction contract, bundler, vault contract, optimization engine은 다른 팀원이 담당했습니다.

  • 제품 방향과 반응형 프론트엔드

  • Privy 소셜 로그인 onboarding

  • Smart account와 user operation 연동

  • HashKey 잔액, position, deposit, withdrawal, history UI

02

해결 전략

프로덕션까지 이어지는 시스템 전략

Onboarding, account 결정, position data, action을 분리했습니다. 사용자 context를 먼저 확정한 뒤 잔액을 불러오고 제출한 action마다 결과 상태를 표현했습니다.

시스템 모델

소셜 로그인이 smart account를 결정하고, 잔액과 position을 명시적인 결과 상태가 있는 deposit·withdrawal action에 연결합니다.

주요 구현 결정

  • 소셜 로그인을 embedded wallet과 smart account 맥락으로 연결했습니다.

  • Stablecoin 잔액과 position을 하나의 제품 dashboard에 표현했습니다.

  • Deposit과 withdrawal을 명시적인 pending, success, failure 상태로 구성했습니다.

  • PayFi track을 위한 동작 가능한 demo와 제품 발표 자료를 준비했습니다.

03

성과

무엇이 달라졌고 무엇을 배웠는가

  • HashKey Chain Hackathon: Taiyi Seoul 2025에서 PayFi Track Winner 결과를 얻었습니다.

  • 공개 demo와 발표 자료가 있는 동작 가능한 프로토타입을 완성했습니다.

  • HashKey 환경의 smart-account onboarding과 position 경험을 검증했습니다.

배운 점

빠른 onboarding도 어떤 account가 실행하고 operation이 어디까지 진행됐는지 설명할 때 의미가 있습니다.

지금이라면

User operation 상태를 정식 모델로 만들고 HashKey adapter를 분리하며, contract 상태를 제공하고 demo 구현과 pitch상의 자동화를 명확히 구분하겠습니다.

사용 기술

  • TypeScript
  • React
  • Next.js
  • Privy
  • Account Abstraction
  • Jotai
  • SWR
  • HashKey Chain

함께 일하기

이 정도의 프론트엔드 오너십이 필요한가요?

연락하기