사용자 행동 데이터의 정확성과 웹 성능을 함께 다루는 프론트엔드 개발자입니다.
제품에서 반복되는 검증을 팀이 사용하는 도구와 공통 구조로 바꿉니다. Class101에서는 이벤트 로그 검수 도구와 번들 추적 파이프라인을 구축했고, 당근 부동산에서는 네비게이션과 렌더링 및 메모리 문제를 해결했습니다.
하드코딩 문자열, JSON 리소스, 번역 시트, 타입 정의가 따로 움직이던 i18n 작업을 AST 기반 CLI와 type-safe runtime으로 묶은 자동화 툴킷입니다. 18,000+ 다운로드와 Google Sheets 동기화로 실제 사용성을 검증했습니다.
총 사용자 5,000명 이상과 MAU 400명 이상의 교환학생 플랫폼에서 홈 성능, 커뮤니티 퍼널, 대학 catalog 배포 경계, React 19/Next 16 업그레이드, 운영 자동화를 제품 지표와 배포 책임 기준으로 정리했습니다. LCP 91.2% 개선, 이탈률 21%에서 16%, SSG 대상 188개에서 35개 분리를 만들었습니다.
사용자의 위치, 분위기, 순간 기록, 음악 취향을 바탕으로 장소와 감정에 어울리는 음악 경험을 제공하는 서비스입니다. React Native/Expo 모바일 앱부터 Express API, Prisma/PostgreSQL 데이터 모델, Vercel·EC2·EAS 배포 구성까지 직접 설계하고 구현했습니다.
EA FC ProClub 유저의 팀 매칭, 대회, 채팅을 한 흐름에 묶은 실시간 플랫폼입니다. 비순차 raw match 데이터를 브래킷으로 재구성하고 낙관적 UI를 직접 구현해 매치 생성 체감 반응을 0ms로 만들었습니다.
인천 버스의 실시간 위치, 정류장 채팅, 도착 예측을 2주 안에 검증 가능한 MVP로 만든 해커톤 프로젝트입니다. AI 예측 리스크는 확장 여지로 남기고, 노드 좌표와 구간 평균 속도로 ±10초 수준의 예측 경험을 먼저 완성했습니다.
이동 경로를 지도 위에 남기고 SNS 피드로 공유하는 DMAP에서 프로필 3×3 지도 그리드를 최적화했습니다. 18개 동적 Google Map이 만들던 WebGL 크래시와 월 $70 과금을 정적 썸네일 + 전역 동적 지도 1개 구조로 해결했습니다.
GitHub Contribution을 게임 재화와 성장으로 연결한 Android 키우기 게임입니다. 상점, 인벤토리, 레벨업, Firestore 저장 흐름을 구현하고 캐릭터/아이템/버튼 도트 에셋을 직접 제작해 레트로 게임 톤을 만들었습니다.
컴퓨터공학과 학사
2021.03 ~ / 8 / 8React, TypeScript, JavaScript, Next.js
Product Analytics, Performance, WebView, React Activity, Relay, AST Tooling
DX Automation, Offline Cache, PDF Rendering, Design System, Open Source
