React/Next.js 생태계에 대한 깊은 이해를 바탕으로, 복잡한 비즈니스 로직을 직관적인 UI로 풀어내는 데 강점이 있습니다.
단순 구현을 넘어 아키텍처 설계(SSG/CSR 분리), 성능 최적화(렌더링 76% 개선), 자동화(업무 시간 95% 단축)를 통해 실질적인 성과를 만들어냅니다. AI 툴(Claude, Cursor)을 개발 프로세스에 적극 도입하여 1인 개발 시에도 팀 단위의 생산성을 발휘합니다.
약 2년간 보험 도메인에서 8개 프로젝트를 수행하며 실무자의 Pain Point를 정확히 파악하고 측정 가능한 수치로 개선하는 경험을 쌓았습니다.
Languages
Frontend
State & Server
Styling
Backend/Infra
AI/Automation
2025.03 - 현재
피부 디지털 헬스케어 스타트업. 스킨케어 저널링 앱 PIV Mobile (React Native/Expo) 개발 참여.
2024.07 - 2025.09
핀테크 스타트업 초기 멤버로 신규 서비스 MVP 런칭, 웹 프론트엔드 아키텍처 설계.
- Partner-Care 개발: SEO(SSG)와 CRM(CSR)을 분리한 하이브리드 아키텍처 설계, 자동화 도입으로 운영 시간 95% 단축
- 금융 데이터 시각화 R&D: 33만 건 데이터 기반 리포트 렌더링 속도 1.2s → 0.28s(76% 개선)
- RolePlay 개발: Web Speech API 기반 음성 코칭 및 시나리오 챗봇 구현, 신입 설계사 교육 자동화
2024.10 - 2025.01
핀테크 트랙 수강생 대상 현업 적응 가이드 특강 및 코드 리뷰 멘토링 진행.
2025.10 - 2025.11 | Next.js 15 · Zustand · D3.js · Recharts · html2canvas · Firebase
연금 분석 리포트 자동 생성 솔루션. 60여 개 필드 입력만으로 17페이지 전문 리포트를 1분 내 자동 생성.
| 지표 | Before | After |
|---|---|---|
| 리포트 제작 시간 | 3시간 | 2분 (95%↓) |
| 누적 계약액 | - | 3억 원+ |
| 운영 비용 | 서버 필요 | ₩0 (클라이언트 사이드 PDF) |
- Zustand Computed 패턴으로 60개+ 필드 복잡한 금융 계산 실시간 처리
- html2canvas 렌더링 한계를 CSS 최적화로 극복, 서버 없이 고품질 PDF 생성
2025.10 - 2025.11 | Next.js 15 · Supabase · Google Calendar API · TanStack Query
보험 설계사 퍼스널 브랜딩 및 예약 관리 시스템. 명함 대신 전달하는 디지털 포트폴리오.
| 지표 | Before | After |
|---|---|---|
| 상담 신청률 | 7/20명 | 13/20명 (86%↑) |
| 노쇼 발생률 | 40% | 15% (60%↓) |
| 신규 계약 전환율 | - | 77% (10건) |
- Vercel 서버리스 환경에서 Google API 인증 키 이슈 해결 (Base64 인코딩 + PEM 재구성)
- 예약금 기반 상태 머신 설계 (Pending → Paid → Confirmed), 이중 예약 발생 0건
2025.10 - 2025.12 | Next.js 15 · TanStack Query v5 · Zustand 5 · OpenAI API (Whisper, GPT-4o-mini)
보험 팀 성과 관리를 위한 TA 코칭 플랫폼. 카카오톡으로 흩어지던 녹음 파일과 피드백을 시스템화.
| 지표 | 성과 |
|---|---|
| 녹음 찾기 시간 | 5분 → 1분 (80%↓) |
| API 중복 호출 | 2~3회 → 1회 (60%↓) |
| 매니저 확인 업무 | 주 10시간 → 5시간 |
- Axios Interceptor에 Failed Queue 직접 구현, JWT 만료 시 Race Condition 방어
- Next.js API Routes 프록시로 OpenAI API Key 은닉 + localStorage 캐싱(30일)으로 비용 60% 절감
2023.08 - 2024.04 | React 18 · Redux Toolkit · Kakao Maps API · TanStack Query · XLSX
보험 설계사 전용 통합 고객 관리(CRM) 플랫폼. 설계사 20명 인터뷰 기반 기획.
| 지표 | Before | After |
|---|---|---|
| 데이터 등록 작업 | 5~6시간 | 30분 (90%↓) |
| 실사용자 유료 전환 의사 | - | 80% (20명 중 16명) |
- Kakao Maps API 기반 고객 위치 시각화, 마커 클러스터링으로 100+ 고객 렌더링 최적화
- XLSX 파싱 + 7가지 필드별 유효성 검증 로직 구현
2024.05 - 2024.07 | Next.js 14 · React 18 · Firebase · n8n · Meta Ads API
GA 대상 리드 거래 플랫폼. SEO 랜딩(Next.js SSG) + CRM(React CSR) 하이브리드 아키텍처.
- 수동 작업 시간 일 2~3시간 → 10분 (90%↓), Firebase Transaction으로 중복 구매 0%
- n8n 자동화 파이프라인: 메타 광고 → Notion/CRM/Slack 자동 등록
2024.11 - 2024.12 | React 18 · Flask · Firebase · Web Speech API · OpenAI API
보험 설계사 실전 상담 훈련 플랫폼. 현직 설계사 15명 MVP 시연, 긍정적 피드백 및 도입 의사 확인.
- Firebase Functions + Flask 분리로 비동기 분석 파이프라인 구축 (타임아웃 제약 해결)
- Web Speech API 기반 음성 인식 순발력 훈련 구현, 10가지 고객 페르소나 시나리오 설계
2024.07 - 2024.09 | React 18 · TypeScript · Redux Persist · Webpack 5
150개 시나리오 대응 보험 상담 챗봇. 금융사 망분리 환경에서 독립 모듈로 동작 가능하도록 설계.
- 한글 자모 분리 + Levenshtein 유사도 매칭으로 오탈자에도 정확한 시나리오 매칭
- JSON 재귀 렌더링으로 4단계 깊이의 계층 구조 관리
2023.10 - 2024.08 | React 18 · Python · Zustand · XGBoost · Scikit-learn · Pandas
33만 건 금융 데이터 기반 소득/지출 예측 및 고객 군집 분류 시스템.
- 리포트 렌더링 속도 1,200ms → 280ms (77% 개선)
- React.memo + lazy loading + useMemo + requestIdleCallback 조합 최적화
2022.03 - 2022.10 | Python · TensorFlow/Keras · XGBoost · LightGBM · Optuna · Pandas
부산대학교 SF Lab 국가 R&D 과제. 천만 건 규모 해양 시계열 데이터 결측 구간 복원.
- AutoEncoder 기반 하이브리드 모델(AE+RNN/LSTM/GRU)과 부스팅 모델 성능 비교
- 7단계 결측 구간별 50회 반복 실험으로 통계적 신뢰도 확보, 선형 보간 대비 오차율 감소
| 동아대학교 산업경영공학부 | 학사 졸업 (GPA 3.4/4.5) 2016.03 - 2023.08 |
| 부경대학교 디지털 스마트 부산 아카데미 | SW 전문인재양성 사업 수료 2022.09 - 2022.12 |
| BiG Data Hackathon 인기상 | 부산 빅데이터 혁신센터 주관, MVP 개발 및 현장 시연 (PM/개발) 2023.12 |
| 부산대학교 SF Lab | Undergraduate Researcher (국가 R&D) 2022.03 - 2022.10 |