김성주 Jake Kim

주문 실행과 멀티 거래소 지원2025.12 – 2026.09

문제 · 트레이더는 Deribit, Hyperliquid, Bybit 같은 거래소마다 계정을 여러 개 갖고 있고, 같은 BTC 옵션이라도 거래소마다 종목 이름·소수점·증거금 방식이 다릅니다. 기존에는 거래소 화면을 오가며 따로 주문해야 했고, 실수하면 엉뚱한 계정이나 종목으로 돈이 나갔습니다.

• 하나의 주문 폼에서 여러 종목을 골라 한 번에 제출하는 배치 주문 구조. 종목마다 앵커 가격을 정해 미리보기에서 예상 체결가를 보여주고, 제출 전 검증을 통과해야 나가도록 설계.
• 종목·거래소·사용자 선택을 조합해 주문이 갈 계정을 자동으로 고르는 계정 해석 규칙을 만들어, 계정을 잘못 고르는 실수를 UI에서 차단.
• 거래소별 종목 표기(Deribit 'BTC-26DEC25-90000-C' vs OPRA 'IBIT_271217P00048000')를 문자열이 아닌 구조화된 필드(기초자산, 만기, 행사가, 콜/풋)로 다뤄 거래소가 늘어나도 주문 로직이 깨지지 않게 함.
• 이 위에 전문 트레이더용 주문 방식을 하나씩 올림: TP/SL 예약 주문, RFQ 견적 주문, Spreader 스프레드 주문, Arb 빌더, Hedge 시뮬레이션, TWAP 분할 주문, One-tap buy.
• AI 채팅으로 주문할 때 화면 상태를 AI에 넘기는 UIContext가 배치 주문과 TP/SL을 표현하지 못하는 문제를 발견하고, 개선안을 RFC 문서로 써서 백엔드 팀과 프로토콜을 바꿈. '@계정' 태그로 종목별 계정을 지정하는 방식도 제안.
• 여러 계정의 포지션을 한 표에 합칠 때 서버 메시지에 계정 정보가 없어 안전하게 구분할 수 없다는 점을 분석해, 백엔드 변경 요구사항으로 정리.

브라우저 메모리 최적화 (3.8GB → 1GB)2026.04 – 2026.08

문제 · 실시간 스트림, 위젯 상태, TradingView iframe, 쿼리 캐시가 누적되며 크롬 메모리가 상시 3.8GB까지 올라가 장시간 사용 시 UI가 느려지고 탭이 죽었습니다.

• 오더북·포지션 테이블의 갱신 단위를 행/심볼 단위로 쪼개 불필요한 리렌더와 객체 생성을 제거.
• AG Grid를 자체 DataTable로 교체하고 행 메모이제이션, 가상화, 구독 해제 경로를 정리.
• 3단계 런타임 복구 시스템으로 백그라운드 탭 복귀 시 부분 재구독 → 캐시 무효화 → 리로드를 단계적으로 수행. 주문 입력 중에는 리로드 차단.

translate 기반 자체 그리드 시스템2026.06 – 2026.09

문제 · react-grid-layout이 리사이즈 중 매 mousemove마다 레이아웃을 재계산하고 React 리렌더를 유발해 CPU를 잡아먹었습니다.

• dnd-kit + 명령형 DOM transform(translate) 업데이트로 드래그 중에는 React를 거치지 않도록 설계.
• grid ↔ pixel 변환을 순수 함수로 분리하고 테스트로 고정.
• 위젯 stretch, 공유 가능한 페이지 레이아웃(OG 이미지 자동 생성) 추가.

AI 워크플로우 도입2026.01 – 2026.09

문제 · 소수 인원으로 18개 도메인의 MVP 기능을 동시에 밀어야 했습니다. 단일 모델·단일 에이전트로 만들면 당장은 돌아가도 엣지 케이스가 방치돼, 며칠에서 몇 주 뒤 같은 기능을 다시 열어봐야 하는 일이 반복됐습니다.

• 레포 컨벤션·아키텍처·도메인 규칙을 context injection으로 고정해 어떤 에이전트가 붙어도 같은 기준으로 작업하게 함.
• Claude(planner) – Codex(reviewer) 역할 분리로 설계 → 구현 → 리뷰를 나눔. Plan/Design 문서와 Gap 분석을 남겨 검증.
• react-doctor 기반 클린업을 정기 루틴으로 돌려 기능 통합 시 누적되는 부채를 제거.
• 결과: 속도보다 커버리지. 리뷰 단계에서 잡힌 엣지 케이스 덕분에 기능당 작업일 기준 1~3일 이상의 재작업이 사라짐.

Figma MCP + i18n 에이전트 파이프라인2026.06 – 2026.09

문제 · 디자인 변경과 다국어 문구 반영이 수작업이라 릴리스마다 누락과 불일치가 생겼습니다.

• Figma MCP로 디자인 소스를 직접 읽어 컴포넌트 변경을 반영.
• i18n 에이전트가 누락 키를 찾아 번역·등록하고 Lokalise와 동기화. next-intl 기반 다국어 서비스 운영.

차트 라이브러리 마이그레이션 (lightweight-charts → TradingView)2026.03 – 2026.09

문제 · 백엔드가 표준 규격이 아닌 Protobuf over HTTP + WebSocket이라 TradingView의 기본 Datafeed를 쓸 수 없었습니다.

• Provider 패턴의 커스텀 Datafeed 작성. 포지션/체결 오버레이, 실시간 호가 push, 계정별 오버레이.
• 커스텀 인디케이터(OI 프로파일, visible range 프로파일, 크로스 거래소 스터디)와 범위 프리셋 툴바. FedWatch, 경제 캘린더, SVI 파라미터 같은 분석 위젯.

운영 방법론: 업그레이더블 프록시와 context injection2025.09 – 2026.07

문제 · 토큰 경제(보상 배율, 재구매 유도, 시즌 이벤트)를 매주 바꿔야 했지만, 결제 컨트랙트를 건드릴 때마다 사용자 자금 리스크가 생겼습니다.

• ShopManager·NFT·PriceFeed를 UUPS 프록시로 두고 storage layout 검토를 배포 체크리스트로 고정. 새 기능(세션 트래커)은 프록시에 슬롯을 추가하지 않고 별도 컨트랙트로 분리.
• 게임 규칙·엔티티·보상 로직을 context injection으로 명세화해 인게임 로직 변경을 빠르고 일관되게 구현.
• 결과: 19,939건 결제 무실패, 기획 변경 주 단위 배포.

AGW 세션 키 기반 게임 세션2026.05 – 2026.06

문제 · 타일 오픈, 몬스터 처치, 아이템 획득, 부활 같은 반복 액션을 매번 지갑 서명 없이 온체인에 기록해야 했습니다.

• 24시간 세션 키(수수료 한도, 컨트랙트·셀렉터 단위 call policy)를 생성·로컬 저장·복구하는 훅 설계.
• WaifuGameSessionTracker 컨트랙트에서 플레이어별 세션 ID와 액션 nonce로 순서 검증.
• 이미 배포된 ShopManager 프록시의 storage layout을 건드리지 않도록 tracker 주소를 인자로 넘기는 설계를 택하고 문서화.

NFT 가챠박스 · 에너지팩 상점2025.09 – 2025.12

• ShopManager (UUPS): ETH/USDC/USDT/YGG 다중 결제, 토큰별 decimals 명시 관리, EIP-712 서명 검증 + nonce 리플레이 방지, 슬리피지 처리.
• PriceFeed (UUPS): Pyth ETH/USD 피드 통합, 신뢰도 검증, 센트 단위 팩 가격 관리.
• WaifuSweeperNFT (UUPS ERC721): 최대 30개 배치 민팅, gas limit 회피용 페이지네이션 tokensOfOwner.
• 프론트: Pyth 가격 업데이트 데이터를 트랜잭션에 동봉, NFT 결제 수단, YGG 할인.

라이브 운영 도구와 시즌 시스템2026.01 – 2026.07

• 시즌 리더보드, Gold Mine 리더보드, 보상 대시보드, revive 모드, 레퍼럴 코드 검증.
• 점검 모드 페이지 + 서비스 스케줄 설정, 기능별 feature flag / 날짜 플래그.
• GA4 이벤트 설계, Twitter Pixel, SEO/OG 최적화, BGM/효과음 시스템, 이미지 프리로드.

TGE 페이지 (토큰 에어드랍)2025.03 – 2025.04

문제 · 거래소 상장과 동시에 대량 트래픽이 몰리는 클레임 페이지에서 단일 RPC 노드로는 요청이 몰려 지갑 연결과 트랜잭션 전송이 끊길 위험이 있었고, Linear Cliff Vesting 일정을 사용자가 이해하기 쉽게 보여줘야 했습니다.

• 10개의 Public JSON-RPC 노드 주소를 사용한 분산 요청 로직 개발.
• Wagmi로 체인·지갑 변경을 상정한 UX Writing을 적용해 안정적인 지갑 연결과 트랜잭션 전송 환경 제공.
• Linear Cliff Vesting 환경의 복잡한 시간 표기를 사용자가 이해하기 쉬운 디스플레이 UI로 구현.

iGaming 프로젝트2025.04 – 2025.06

• React.js로 캐주얼 클릭커류 게임 개발.
• 캐주얼 게임과 결과 베팅을 결합한 블록체인 게임을 Solidity 스마트 컨트랙트로 설계·개발.
• 웹사이트와 스마트 컨트랙트 연결, 스테이킹 + Web3 게임 보상 구조 컨트랙트 설계.

리워드앱 개발2025.06 – 2025.07

문제 · 네이티브 앱 스토어 심사·업데이트 주기와 별개로 빠르게 반복 배포할 수 있는 웹 채널도 함께 필요했습니다.

• Expo(React Native)와 Admob으로 광고형 리워드 보상 플랫폼 개발.
• React + Vite-pwa로 동일한 UI의 PWA 웹서비스를 병행 개발해 스토어 심사 없이 빠르게 반복.

기타 프로젝트

• 아웃소싱으로 펭귄 얼음깨기 웹 게임 제작.
• NFT를 스테이킹·언스테이킹하는 웹사이트 개발.
• NFT 인증·스테이킹, NFT 게임 제작 의뢰를 받는 커뮤니티 프론트엔드.
• Binance Alpha, 코인원, Bitget 상장 $GM 토큰 클레임 웹사이트 개발.

xCBT 플랫폼 개발2025.01 – 2025.04

• Turborepo 기반 모노레포로 어드민 페이지와 클라이언트 페이지를 함께 개발.
• USDT(ERC-20) 기반 NFT 민팅과 Thirdweb을 사용한 화이트리스트 구매 제한 대응.
• Next.js로 트위터·에픽게임즈·디스코드 OAuth 인증 구현. next-auth에 없던 트위터 OAuth 처리 방식을 직접 제시.
• 게임 티켓 구매 전 참여하는 래플 이벤트 화면, 포인트 리더보드에 따라 USDT·다음 시즌 티켓·xCBT 토큰을 지급하는 보상 구조 설계.

Yooldo x 리니아 파크 (체인 협업 이벤트)2024.02 – 2024.04

문제 · 멀티 체인 환경에서 특정 체인으로 이벤트 참여를 유도해야 했고, 신규 유저 75만 명 유입으로 발생한 대규모 트래픽(이미지·영상 에셋 bandwidth 초과, Vercel 이미지 최적화 비용 급증)과 탈퇴 회원 게임 ID 검증 이슈가 함께 터졌습니다.

• GA 지표로 멀티 체인 참여를 모니터링하고 커뮤니티 이슈에 긴급 대응.
• 서버측 트랜잭션 실행 방식을 클라이언트측 실행 + 영수증 검증 로직으로 변경해 부하를 낮춤.
• 탈퇴 회원의 게임 ID 검증 로직을 완화하고 사후 CS를 지원.

Yooldo 리브랜딩2023.07 – 2023.11

문제 · 레거시 코드와 오래된 기술 스택(styled-components, localStorage 토큰 저장)이 브랜딩 변경과 함께 발목을 잡고 있었습니다.

• 원자 단위 컴포넌트를 npm 라이브러리(catze-ui)로 분리하고, 큰 이미지·모션이 있는 랜딩 페이지와 게임·온체인 상호작용 페이지를 분리.
• styled-components → Tailwind CSS 전환, SSR 도입, 액세스 토큰 저장을 localStorage → 쿠키로 옮기고 만료 타이머 구축.
• 인게임 어뷰징 유저를 걸러내는 Jury DAO(탈중앙화 신고·판별 시스템) 기능 전체를 구성하고 유지보수.

게임 로그인·보안2023.08 – 2024.02

문제 · 자체 퍼블리싱 게임(트러블펑크, RPD 등)의 로그인 보안과 오염된 게임 클라이언트 감지가 필요했습니다.

• 유니버설 링크/딥링크(yooldo://game/troublepunk)로 게임 로그인 기능 도입, 보안 향상.
• 백오피스로 게임 에셋의 S3 해시를 추적해 오염된 런처를 감지.
• 안드로이드 전용 게임은 PlayStore market link로 플레이 진입 지원.

백오피스 개발과 운영2023.04 – 2024.08

• 운영 kill switch를 약 10분 단축. 유저·웹사이트 상호작용 추적, 이메일 배치 발송, 프로젝트 업데이트 예약.
• Jury DAO, BRC-20 브릿지 등 운영이 필요한 기능을 백오피스로 제공. CI/CD 환경에서 GitHub PR 예약 머지 기능.
• 컨트랙트 관리, 유저 관리, 온체인 상호작용 로그 추적. 지갑 PK·인프라 비밀번호 보안 정책 수립.

플랫폼 프론트엔드 & 트랜잭션 검증

• 블록체인 게임 웹 서비스 플랫폼 개발과 운영, 온체인 상호작용 이벤트 대응.
• 트랜잭션 영수증 분석을 통한 게임 재화 획득 검증 로직 개발.
• 비트코인 브릿지(BRC-20) 구축과 운영.

비상장 스타트업 투자 관리 툴

• 투자 심사역 사용자 인터뷰를 통한 스타트업 발굴 과정 UX 개선.
• recharts 기반 시계열·장소별 전환율 시각화.
• 3일 이상 걸리던 투자계약 문서를 1초 만에 생성하는 자동 생성 기능 개발.
• 홈페이지 투자 제안 유입에 대한 Slack 알림 연동.

FOUND

• Android Studio(Java), Retrofit, Glide를 사용한 습득물 리포트 기능 개발.
• Angular, Ionic Framework를 사용한 하이브리드 앱 개발.
• 카카오톡 챗봇 분실물 신고 + Flask/MongoDB 챗봇 서버.