런셀 Runxel
러닝 대회 지도와 캘린더 / v1.3
웹앱을 감싼 WebView 셸에 네이티브 브릿지를 직접 붙였습니다. 푸시, Apple Health 연동, 인앱결제, 캘린더 등록, 공유, 햅틱, 테마, 인증을 브릿지로 넘깁니다.
Android는 건강 데이터 정책으로 두 번 거절당했습니다. Distance 권한 사유와 의료 면책 고지를 다시 써서 통과시켰습니다.
4운영 중인 자체 서비스
3출시한 모바일 앱
6심사 통과한 스토어 등록
437Fragmetric + APYX 커밋
직접 만들어 운영하는 프로덕트
기획, 디자인, 개발, 인프라, 결제, 마케팅까지 혼자 붙어 있는 서비스들입니다. 링크는 모두 실제로 열립니다.
직접 출시한 모바일 앱
세 개 앱을 iOS와 Android 양쪽에 올렸습니다. 기획, 디자인, React Native 개발, 스토어 심사 대응, 릴리즈 운영까지 전부 혼자 했습니다. 스토어 판매자명은 모두 zeronics입니다.
랭셀 Langxel
유튜브 영어 쉐도잉 학습 / v1.0.3
A-B 반복 쉐도잉 플레이어를 웹과 모바일 양쪽에 구현했습니다. 녹음과 AI 발음 채점까지 앱에 이식했습니다.
expo-audio는 안드로이드에서 WAV를 못 뽑아 발음 채점이 깨졌습니다. audio-studio 3.2.0으로 고정해 해결했습니다.
GigOn
필리핀 단기 알바 매칭 / v1.1
워커와 사장님 두 역할이 한 앱에 들어갑니다. 위치 기반 공고 탐색, 지원, PIN 완료, 상호 리뷰까지 앱에서 끝납니다.
돈을 만지지 않는 설계라 결제 모듈이 없습니다. 대신 현장 PIN 교환으로 완료를 증명하는 흐름을 앱에서 설계했습니다.
경력
F&B SaaS에서 시작해 Web3 프로토콜 프론트엔드로 왔습니다.
APYX재직 중
배당 기반 스테이블코인 프로토콜
apxUSD / apyUSD 프로토콜의 웹 앱을 만듭니다. Next.js 16 모노레포에 197개 커밋을 올렸고, 체인 확장부터 배포 파이프라인과 모니터링까지 프론트엔드 전반을 맡고 있습니다.
- BNB Smart Chain 지원 추가와 LI.FI 브릿지 위젯 연동. v4 업그레이드로 서명 null 크래시 해결
- Earn / Lending / Looping / Rewards 전 페이지 라이트 테마 전환. Figma 디자인 토큰을 코드와 동기화하고 공용 컴포넌트를 테마 반응형으로 리팩터링
- Playwright 스모크 테스트를 k8s CronJob으로 상시 실행. DNS 불안정과 워커 경합까지 잡아 프론트엔드 모니터링을 구축
- PostHog를 지갑 ID로 identify하고 useFeatureFlag 훅 도입. 첫 방문자 온보딩 뷰 설계 및 구현
- ArgoCD 매니페스트 작성, 프로덕션 배포 워크플로를 fast-forward 안전하게 수정
Next.js 16React 19TypeScriptwagmiTanStack QueryPostHogPlaywrightArgoCD
엔크립트
Fragmetric - 솔라나 리스테이킹 프로토콜
솔라나 리스테이킹 프로토콜 Fragmetric의 웹 앱을 만들었습니다. 메인 레포 240개 커밋으로 팀 내 2위 기여자였고, Go 백엔드와 나스닥 상장사 DFDV 웹까지 넘나들며 작업했습니다.
- 지갑 연결, 리스테이킹, 포트폴리오, F Point 리워드까지 핵심 사용자 플로우 개발
- F Point 랭크 및 부스트 UI 설계. GraphQL + TanStack Query로 온체인 활동 데이터 연동
- Go 백엔드 포인트 정산 파이프라인에 부스트 단계를 직접 추가 (accumulation day, Topu NFT boost)
- 나스닥 상장사 DFDV(DeFi Development Corp) 웹사이트 i18n 전면 구축 및 한국 법인 엔티티 라우팅
- 사내 사이드 프로젝트로 텔레그램 미니앱 Topu를 4일 만에 기획부터 배포까지 단독 개발
Next.jsTypeScriptSolana web3.jsGraphQLTanStack QueryGoSupabase
푸드노트서비스
장부대장 - F&B 프랜차이즈 관리 SaaS
프랜차이즈 본사용 가맹점 관리 SaaS의 프론트엔드를 맡았습니다. 유료 서비스인 상권분석과 트렌드분석을 단독 개발했고, 백엔드 리소스가 부족할 때는 GraphQL 서버를 직접 제안해 세웠습니다.
- 프차 상권분석 단독 개발. Naver Map의 Marker, Polygon, Polyline, Clustering을 전부 활용해 거리측정, 반경 그리기, 다각형 면적 측정 구현
- 지도 요소 2,000개 이상 삭제 시 멈추는 문제를 setInterval에서 requestAnimationFrame 기반으로 바꿔 해결
- 백엔드 리소스 부족 상황에서 GraphQL 도입을 제안하고 스키마 설계부터 리졸버까지 전담. Prisma의 JSON where 한계는 MySQL JSON_EXTRACT로, 배열 일괄 update는 Raw CASE 문으로 우회해 4초 응답을 0.3초로 단축
- React Native 앱 리뉴얼에서 지도 화면 담당. BottomSheet를 드래그 제어로 바꾸고 snap point를 추가해 지도 가시 영역을 넓히는 UX 개선을 직접 제안
- SNS 트렌드분석 대용량 데이터 시각화를 D3와 Chart.js로 구현. GitBook으로 사용자 가이드 문서 직접 제작
ReactNext.jsTypeScriptReact NativeGraphQLApollo ServerPrismaMySQLNaver Map
제로닉스
혼자 기획하고, 만들고, 파는 1인 법인
2025년에 사업자를 내고 네 개의 서비스를 직접 운영합니다. 디자인, 개발, 인프라, 결제, 마케팅, 고객 응대까지 전부 제 손을 거칩니다. 사업자등록과 통신판매업 신고를 마쳤고 실결제가 돌아갑니다.
제로닉스 살펴보기 →기술
프론트엔드
- TypeScript
- React 19
- Next.js 16
- React Native / Expo
- Tailwind v4
- TanStack Query
- Motion
백엔드
- Node.js
- NestJS
- tRPC
- GraphQL
- Go
- PostgreSQL
- Prisma / Drizzle
- Supabase
인프라
- AWS CDK
- Lambda
- Step Functions
- DynamoDB
- Vercel
- GitHub Actions
- ArgoCD
- Oracle VPS
제품 운영
- PostHog
- Playwright
- PortOne
- AdSense
- Google Ads
- Meta Ads
- SEO
아카이브
런잔디
Strava 러닝 기록을 깃허브 잔디처럼 시각화. 4일 만에 만들어 3일 뒤 900명이 연결했습니다.
네임위키
2008~2025년 이름 데이터로 세대감을 점수화. 바이럴 루프는 설계했지만 오가닉 유입을 못 만들었고, 원인은 소극적인 GTM이었습니다.
Topu
텔레그램 미니앱. 클리커 게임과 5초 SOL 가격 예측 배팅. 기획부터 배포까지 4일.
학력 · 자격
인하대학교 체육교육과2018 - 2022
패스트캠퍼스 프론트엔드 부트캠프2022
정보처리기사2024
SQL Developer2021
데이터분석 준전문가2021
달리기
제품의 소재이기도 합니다. 런셀과 스냅셀 둘 다 제가 뛰다가 불편해서 만든 서비스입니다.
5,080km누적 거리
733회누적 러닝
445시간누적 시간
3회풀코스 완주
JTBC 서울마라톤
도쿄 마라톤
교토 마라톤
6월7월8월9월10월11월12월1월2월3월4월5월6월