Senior Frontend Engineer

지표로 증명하는
프론트엔드 엔지니어링.

정준혁입니다. 100만+ 다운로드 리워드 슈퍼앱 마이비와 애드네트워크 마이비 애드체인에서 웹(React·TypeScript)과 앱(Flutter)을 만듭니다. 기능을 빠르게 출시하고, 트래픽·안정성·성능 지표를 근거로 제품을 다듬는 일을 잘합니다. 이전에는 블록체인 메인넷의 지갑·dApp 프론트엔드를 담당했습니다.

100만+
마이비 누적 다운로드
80%↓
비정상 종료율 · 첫 진입 통신량
5,000
RPS 부하 테스트 통과 (기존 2~3천)
41
기여 저장소 (현 직장)
01 · Core Skills

핵심 역량

요구사항 정의부터 구현·운영·배포까지 직접 책임집니다.

웹 프론트엔드 주력

React·TypeScript 기반 SPA·SSR, 컴포넌트 아키텍처 설계, 운영 대시보드 구축.

React 18TypeScriptNext.js React Querystyled-componentsaxios

모바일 · Flutter / RN

앱을 단독 리드·운영하며 쌓은 실전 경험. Clean Architecture와 상태관리 적용.

FlutterReact NativeDart BLoC / Cubitgo_routerFirebase

성능 · 운영

통신 구조 최적화, 부하 테스트 설계, 크래시 분석, 자동화된 빌드·배포.

부하 테스트 설계Play Console · Crashlytics S3 · CloudFrontOAuth 2.0 · JWTWeb3 · Ledger
02 · Selected Work

프로젝트

현 직장의 두 프로덕트 라인, 41개 저장소에 기여했습니다. 비공개 업무는 역할·기술 중심으로 정리했습니다.

리워드 슈퍼앱 · 대표 서비스

마이비 (MyB)

Flutter 앱 + 인앱 웹
100만+
누적 다운로드
4.8 ★
리뷰 2.1만+ (Play)
iOS · AOS
양대 마켓 운영

퀴즈·만보기·게임·쇼핑·설문·포인트 적금·현금인출을 제공하는 앱테크 서비스. Flutter 앱과 그 안에서 동작하는 수십 개의 인앱 웹서비스를 기능 단위로 맡아 개발·운영합니다.

  • Flutter 앱 — Clean Architecture, BLoC→Cubit 전환
  • React/TS 인앱 웹서비스 다수 설계·독립 배포
  • Firebase·카카오 SDK 연동, 멀티 플레이버 빌드
  • 상품 교환·현금인출·포인트 적금 플로우 구현
FlutterDartReactTypeScript BLoC · CubitFirebase
리워드 광고 플랫폼 · 애드네트워크

마이비 애드체인 (MyB AdChain)

웹 · 매체 연동
10.6회
DAU당 일 참여 (업계 1~3회)
240원
DAU당 일 광고매출 (경쟁사 70~100원)
30~60%
네이티브 광고 전환율

콘텐츠(퀴즈) 중심의 보상형 애드네트워크. 제휴 매체별 맞춤 허브·캠페인 이벤트 웹과 Daily 이벤트·캐러셀 UI 등 퍼블리셔 연동 화면을 개발했습니다.

서비스 매체

레진코믹스레진코믹스
똑닥똑닥
채티채티
엠넷플러스엠넷플러스
데일리샷데일리샷
트레져러트레져러
카카오골프예약카카오골프예약
나만의닥터나만의닥터
니콘내콘니콘내콘
포토위젯포토위젯
해피스크린해피스크린
케이뱅크케이뱅크
ReactTypeScriptReact Query 매체별 맞춤 웹광고 SDK 연동
마이비 애드체인 · 운영 대시보드

애드체인 운영 대시보드

⚡ Fully AI 개발

매체·매출·정산·실시간 지표를 한 곳에서 보는 운영 대시보드. 기획부터 구현·배포까지 전 과정을 AI로 개발해 13개+ 분석 화면을 단기간에 완성했습니다.

  • 실시간 모니터링 · 리텐션/세그먼트 분석
  • 매출 유형별 차트 · 정산 비교 · CSV 내보내기
  • Google OAuth + JWT 자동 갱신 인증
  • S3 + CloudFront 빌드·배포 자동화
React 18TypeScript styled-components데이터 시각화AI 개발
03 · Impact

성과

비즈니스·서비스 관점에서 측정된 주요 성과입니다.

마이비 애드체인 · 대규모 트래픽 대응

오퍼월 통신 구조 개선

성능 · 가용성
80%↓
첫 진입 통신량 (29→6건)
약 2배
처리량 2~3천→5,000 RPS
100만
최대 매체 앱 DAU (케이뱅크)
30만
오퍼월 평균 DAU (상정)

제안빠른 릴리즈를 위해 최적화 없이 출시된 구조(캐시 0·모든 요청 origin 직격, 첫 매체 앱 DAU 약 1만)로는 케이뱅크(앱 DAU 약 100만·오퍼월 30만 상정) 규모를 감당할 수 없다고 판단 — 프론트엔드 담당으로서 개발팀 논의에서 통신 구조 개선을 직접 제안.

판단두 가지 대안 검토 — ① 기존 useEffect 호출 체계를 더 치밀하게 관리 ② React Query 도입. ①은 개발자 규율에 의존해 재발 위험이 남고, ②는 캐싱·중복 제거가 구조적으로 강제됨 → 후자 선택. 운영 중인 서비스임을 감안해 kill-switch 기반 섹션 단위 점진 적용으로 롤백 경로를 확보하고, 매체 규모 확장에 맞춰 단계적으로 진행(똑닥 약 10만 → 케이뱅크 대비).

검증유저 관점으로 서비스를 직접 사용하며 QA와 함께 행동 시나리오를 도출 — 유저 시나리오·엔드포인트 가중치 매트릭스 문서로 정리해 부하 테스트의 기준으로 사용. 섹션별 적용마다 실기기 검증.

결과첫 진입 통신량 약 80% 감소(프론트 단독). 서버 최적화 병행으로 처리 한계 2~3천→5,000 RPS(DB 피크 50% 이하) — 1금융권 트래픽을 받을 수 있는 기술적 전제를 확보하고, 푸시·이벤트 스파이크 대응 여력 확보.

React QueryIntersectionObserver 스켈레톤부하 테스트 설계kill-switch 롤아웃
마이비 · 앱 안정성 · 시작 성능

Android 안정성 & 콜드 스타트 개선

안정성 · 리텐션
80%↓
비정상 종료율 (최고 3%대→0.62%)
70%↓
콜드 스타트 지연 (18%→5.4%)
동종 앱
중앙값 수준 안착

제안외주로 급하게 런칭된 앱을 인하우스로 전환해 운영하던 중, DAU가 1.5만에서 3만으로 단기간 2배 급증하며 크래시·시작 지연이 함께 악화 — 기능 개발보다 안정화가 우선이라고 판단해 개선 작업을 직접 제안.

개선병목은 앱 구동 시점에 몰린 BLoC init — 첫 프레임 전에 초기화와 API 호출이 한꺼번에 몰려 시작 지연과 크래시에 동시에 노출되는 구조. BLoC 초기화를 실제 화면 진입 시점으로 분산(지연 초기화)하고, 중복 로직 정리·과도한 리렌더링 억제·초기 API 호출 횟수 제어로 구동 구간의 부하를 낮춤.

결과사용자 인지 비정상 종료율 최고 3%대 → 0.62%(약 80%↓), 콜드 스타트 지연 발생률 약 18% → 5.4%(약 70%↓). 동종 앱 중앙값 수준에 안착 (Play Console 기준).

FlutterBLoC 지연 초기화크래시 분석 리렌더링 억제API 호출 제어Play Console
마이비 · 서비스 구조 개편

‘혜택’ 탭 신설 — 분산 서비스 집약

프로덕트 제안 · 리텐션
1.6만
탭 방문 일평균 DAU
런칭 거점
신규 서비스의 주요 기점

제안리워드 서비스들이 앱 곳곳에 분산되어 탐색 동선이 길고 발견성이 낮다고 판단 — 분산된 서비스를 한 곳에 모은 ‘혜택’ 탭 신설을 직접 제안.

결과탭 방문 일평균 DAU 약 1.6만 확보. 유저의 행동 반경을 좁혀 서비스 집약도를 높였고, 이후 신규 서비스를 배치하는 주요 기점(런칭 거점)으로 자리 잡아 새로운 서비스 제공의 발판이 됨.

프로덕트 제안FlutterReact · TS 서비스 집약인앱 웹 통합
마이비 · 프로덕트 발견 · 사업 방향

도그푸딩 프로그램 설계 — 핵심 수익 모델 재발견

사업 방향 · 데이터 검증
+57%
월 CPA 매출
+35%
일평균 참여자
+19%
CPA ARPDAU
6.3배
참여자 D30 리텐션 (vs 미참여)

제안기능 개선의 우선순위가 내부 추측에 의존하고 있다고 판단, 판단 기준을 '실제 유저 경험'으로 옮기기 위해 전 직원이 마이비를 유저로서 직접 사용하는 도그푸딩 프로그램을 설계·제안. 참여율을 끌어올리기 위해 리워드 획득 순위를 겨루는 사내 랭킹전 형식으로 게이미피케이션했고, 여기서 수집된 불편·개선점을 기획·운영 백로그로 연결하는 상시 피드백 채널로 정착 — 아래 '발견'은 이 채널이 낸 첫 성과.

발견방치되어 있던 Offerwall의 가치가 재발견되어 사업 운영 방향 결정으로 이어짐. 이 방향은 애드체인에도 적용되어 Offerwall(CPA)의 중요도가 높아지는 계기가 됨.

검증신규 가입 코호트 34,871명 세그먼트 분석 — 가입 7일 내 오퍼월 참여자(2.6%)는 미참여자 대비 D30 리텐션 6.3배(36.6% vs 5.8%), 30일 매출기여 포인트 37.6배, 캐시아웃 전환 10.8배의 고가치 유저임을 확인. Offerwall 중심 운영의 수치 근거로 제시.

성과애드체인 Offerwall(CPA) 중심 운영 전환 후 한 달 만에 월 CPA 매출 +57%, 일평균 참여자 +35%, CPA ARPDAU +19%. 신규 매체를 제외한 기존 매체 기준으로도 +53% — 증가분의 93%가 운영 개선 자체 성과.

도그푸딩 설계프로덕트 발견 세그먼트 데이터 검증사업 방향 기여
04 · Career

경력

2012년부터 개발을 시작해, ERP·모바일 앱을 거쳐 블록체인 dApp, 현재의 광고·리워드 플랫폼까지 도메인을 넓혀 왔습니다.

1SelfWorld · 2024.09 – 현재

마이비 · 마이비 애드체인

리워드 슈퍼앱과 애드네트워크의 웹·앱 프론트엔드를 담당합니다. (상세: 위 프로젝트·성과)

  • 마이비 — Flutter 앱 · 인앱 웹서비스 다수
  • 마이비 애드체인 — 매체 연동 웹 · 오퍼월
  • 애드체인 운영 대시보드 — Fully AI 개발
FIG (피르마이노베이션그룹) · 피르마체인 · 2021.09 – 2024.08

Firma Station — 블록체인 지갑 & 메인넷 도구

1천+
다운로드
4.4 ★
금융 카테고리
iOS · AOS
양대 마켓

Cosmos 계열 퍼블릭 메인넷 피르마체인의 지갑 앱과 메인넷 운영 도구를 개발했습니다.

  • 피르마체인 모바일 지갑 앱 — 스테이킹·거버넌스·생체인증
  • 테스트넷 Faucet 웹 서비스
  • VestingAccount용 Genesis Convert 도구
  • IBC 데이터 시각화·분석 웹
  • BWB 행사용 NFT 갤러리
  • 피르마체인 랜딩 페이지
ReactTypeScriptReact Native Apollo GraphQLLedger 연동Chain SDK
FIG · BSU (Baby Shark Universe) · 2023.12 – 2024.08

BSU — 이더리움 NFT · 토큰 서비스

이더리움 기반 블록체인 서비스 허브와 NFT·토큰 서비스를 개발했습니다.

  • 이더리움 기반 블록체인 서비스 허브
  • NFT·토큰 에어드랍 서비스
  • ERC20 토크노믹스 관리 웹
  • 스마트 컨트랙트 배포·관리·테스트 툴 — NFT·에어드랍·이벤트·소각
ReactTypeScript Immutable X · 이더리움MetaMaskERC20
FIG · 도뉴 (DONUE) · 2021.08 – 2024.08

도뉴 — 블록체인 전자계약

전자계약 SaaS 도뉴의 웹 서비스를 개발했습니다.

  • 도뉴 서비스 랜딩 페이지
  • 피르마체인 기반 계약서 위·변조 검증 도구 — 블록체인에 문서 해시를 기록해 종이계약과 동일한 법적 효력 검증
ReactTypeScript Gatsby피르마체인 검증crypto-js
경진텍스 · 2016.02 – 2021.06

수기 장부 전산화 · 사내 ERP 구축

원단 판매 현장에서 수기로 관리되던 업무를 직접 전산화했습니다.

  • 장부·재고·거래 관리 전산화 — 사내 ERP
  • 요구사항 정의부터 개발·운영까지 단독 담당 — 첫 풀 오너십 경험
지앤비교육 · 2012.08 – 2015.10

스마트개발팀 · 안드로이드 앱

영어 교육용 안드로이드 앱을 개발했습니다.

수상 · 자격

  • Microsoft Imagine Cup Korea Final 금상 (2012)
  • MS ‘My First and Greatest App’ Greatest App 수상 (2013)
  • XNA Game Application Development 수료 (2011)

학력

  • 명지전문대학교 정보통신학과 졸업 (2013)
05 · How I Work

작업 방식

지표로 판단

크래시율·통신량·RPS·전환율 등 측정 가능한 지표를 기준으로 우선순위를 정하고, 개선 결과도 지표로 검증합니다.

안전한 롤아웃

kill-switch·섹션 단위 점진 적용·실기기 검증으로, 운영 중인 서비스를 멈추지 않고 바꿉니다.

멀티 레포 오너십

수십 개의 독립 저장소를 각각 책임지고 설계부터 배포까지 담당합니다. 작게 나누되 일관성은 유지합니다.

레거시 점진 전환

한 번에 갈아엎기보다 신규 기능부터 Clean Architecture로 옮기며 안정적으로 전환합니다.

함께 일해요.

새로운 기회와 협업 제안을 기다립니다.