← 프로필로 돌아가기
포트폴리오 → EN

정수진

AI 프로덕트 프론트엔드 개발자

sojjung3@gmail.com · 010-3724-6480 · github.com/soojjung · medium.com/@sojjung3

소개

핀테크 기업 두 곳에서 3년간 React·JavaScript 기반 프론트엔드를 개발해 왔습니다. 대출 중개 플랫폼에서는 JWT 자동 갱신, 3계층 권한 관리, XSS 방어를 구현했고, AI 금융 서비스에서는 Toss Payments SDK 연동과 주문·결제·환불 플로우를 맡았습니다. 아울러 재사용 컴포넌트, 배포 자동화, PR 리뷰 프로세스 도입으로 반복되는 작업을 구조적으로 줄였습니다.
2025년부터는 백엔드·AI와 피지컬 AI 로봇 부트캠프를 수료하고 직접 만든 서비스를 운영하고 있습니다. 웹 서비스는 누적 85,000회 진단을 기록했고 App Store에는 앱 2개를 출시했으며, Sentry 장애 모니터링과 접근성 대응을 적용했습니다. 또한 Claude Code에 역할별 서브에이전트와 도메인 규칙을 구성하고, 커밋 품질 게이트를 만들어 AI를 단순 코드 생성 도구가 아닌 설계 검토 파트너로 활용하고 있습니다.

기술 스택

프론트엔드

React JavaScript TypeScript Next.js Zustand TanStack Query Recoil Toss Payments SDK Zod Tailwind CSS Capacitor

테스트 & 운영

Sentry GitHub Actions AWS S3/CloudFront Playwright Vitest GA4

백엔드 & AI (프로젝트)

Java Spring Boot FastAPI PostgreSQL Supabase OpenAI API

언어

한국어 (Native) 영어 (Fluent)

경력 (3년)

프론트엔드 개발자

BeHappy · 신혼부부 맞춤 재무 로드맵 AI 서비스

2024년 10월 — 2025년 5월 (8개월 - 서비스 종료)

  • 재무 리포트를 포함한 유료 재무 챗봇 상담의 Toss Payments SDK 결제·환불 플로우 구현, 결제 중 이탈·재진입·뒤로가기 등 엣지 케이스 처리
  • SSE 스트리밍 챗봇 UI 구현 — 토큰 누적 렌더링·타이핑 딜레이, 답변 중 입력 차단, 리포트 용어 클릭 시 챗봇 설명 연동
  • Chart.js 기반 소득·부채·DSR·은퇴 등 재무 리포트 30여 종 시각화
  • 결제 전 이탈 단계와 실제 사용자층을 파악해 다음 기획에 반영하려 GA4/Mixpanel로 결제 완료까지 단계별 이벤트 추적, 60대 이상 사용자·95% 모바일 접속 패턴 발견
  • GitHub Actions 기반 S3/CloudFront 자동 배포 파이프라인 구축, PR 머지 자동 배포로 환경 변수 누락 오류 제거
JavaScript React 18 Toss Payments SDK Recoil Chart.js Zod Tailwind CSS GitHub Actions GA4

프론트엔드 개발자

aiZENGlobal · 이커머스 셀러 매출채권 담보 대출 중개 플랫폼

2022년 3월 — 2024년 6월 (2년 4개월)

  • 고객·사내 운영·금융 파트너용 3개 포탈을 처음부터 설계·구현, 고객 포탈(KB국민은행 대출 매칭 플랫폼)에서 대출 신청 전환율 34%(가입자 대비 대출 신청) 달성
  • Request Queue 패턴 기반 JWT 자동 갱신으로 토큰 만료 시 동시 요청 실패·세션 끊김 방지
  • 2차 본인인증·인증 라우트 가드, 로그인 10회 실패 시 5분 잠금, DOMPurify 기반 XSS 방어 등 금융 서비스 보안 요구사항 대응
  • 역할별 화면·메뉴·버튼 접근을 제어하는 3계층 권한 관리 시스템을 구현해 설정만으로 역할 확장 가능
  • 디자이너 부재로 흐트러진 UI 일관성을 50개 이상 재사용 UI 컴포넌트(디자인 시스템)로 정리, SearchTable 공통 모듈로 30+ 페이지 개발 시간 50% 단축(최초 일정 추정치 대비)
  • 팀 확장 뒤 반복된 릴리스 직후 버그와 개발자별로 달랐던 코드 스타일 문제를 PR 리뷰 프로세스 도입과 코드 컨벤션 제안으로 해결, 릴리스 후 버그 40% 감소(JIRA 이슈 기준)·리팩토링 시간 30% 절감(최초 일정 추정치 대비)
JavaScript React 18 Context API Styled-components Ant Design Axios

프로젝트

여성 웰니스 다이어리

dwee-neon.vercel.app · github.com/soojjung/dwee-wellness-tracker

2026년 5월 — 현재

  • Repository/Adapter 패턴 기반 로컬 우선 아키텍처 설계 — IndexedDB 오프라인 저장, 로그인 시 클라우드 이전
  • 모달 공통 훅·규칙, ARIA 역할/상태, focus-visible, aria-live 적용으로 키보드·스크린리더 접근성 대응
  • 주기 예측 로직을 순수 함수로 분리해 단위 테스트 724개로 검증, Playwright 시각 테스트로 리팩토링 회귀 4건 사전 차단
  • Claude Code에 역할별 서브에이전트·도메인 규칙과 /commit 품질 게이트(lint→테스트→문서 동기화→PR) 구성
TypeScript React 19 Next.js 15 Zustand IndexedDB Supabase Vitest Playwright Sentry

퍼스널 컬러 자가진단 서비스

https://omct.web.app · github.com/soojjung/personal-color-self-diagnosis

2023년 2월 — 2024년 8월 · 2026년 7월 AI 기능 추가

  • 36개 선별 칩과 보너스 라운드 재평가를 활용한 9단계 알고리즘 설계
  • 85,000회 이상 진단 및 2025년 연간 활성 사용자(AAU) 27,600명 이상 (GA4 기준), 91.5% 완료율 기록
  • GPT-4o Vision 기반 AI 색상 추천 추가, gpt-4o-mini → gpt-4o 폴백 라우팅으로 비용·정확도 균형 확보, 혼자 색을 고르기 어려운 유저의 진단 참여도 향상
  • SSR·SEO 최적화로 “퍼스널컬러 테스트” 구글 첫 페이지 노출, 유입의 83%를 자연 검색으로 확보
TypeScript React 18 Next.js 14 Recoil Styled-components Firebase OpenAI GPT-4o

대학병원 안내·조제 로봇 관제 시스템

mingkycarepro.site/medical · github.com/finalproject3fastcamp/mingky_care_pro

2026년 8월 · 6인 팀 프로젝트

  • 의료진 대시보드 구현 — 로봇 상태·목적지·배터리를 세션 이벤트에서 파생, 로봇별 URL(/medical/:robotId)로 화면 분리
  • QR 환자 확인 흐름 구현(ROS2 노드 → FastAPI → 안내 세션 시작) — 의료진이 활성화한 로봇만 QR을 읽고, 폴링 연속 실패 시 스스로 해제
  • 로봇 카메라 미리보기를 새 프레임만 640px로 송출해 무선 대역 13.1 → 1.1 Mbps로 줄이고 수 초 지연 해소
  • LeRobot ACT 모방학습 파이프라인 구축(29 에피소드·40,000 스텝), 약통을 봉투에 넣는 정책을 약국 화면의 포장 단계에 실제 로봇팔로 연결
TypeScript React 19 FastAPI PostgreSQL ROS2 LeRobot (ACT)

단어의 신 GRE

apps.apple.com/app/id6758345755 · github.com/soojjung/gre-vocab-master

2026년 1월 — 현재

  • Capacitor(WebView 하이브리드)로 GRE 1,560 단어 학습 앱 웹·iOS 동시 출시, v1.5까지 라이브 운영
  • 빈칸 퀴즈 정답 단어가 변형형으로 노출되던 버그를 인플렉션 4종 정규식으로 해결, 1,560건 전수 99.9% 매칭
  • Supabase 자동 일시정지를 50일간 인지하지 못한 인시던트 후 Sentry 웹/iOS 통합, 신규 크래시 3일 내 인지·수정
TypeScript React 19 Capacitor Supabase Sentry Tailwind CSS Vite PWA

가챠샵 지도 서비스

apps.apple.com/kr/app/id6759491099 · github.com/soojjung/GOTCHA-FE

2026년 1월 — 2026년 4월

  • Capacitor 기반 iOS 앱 App Store 출시, Container/Presenter 패턴 3계층 아키텍처와 21개 API 훅에 하이브리드 상태 관리(TanStack Query + Zustand) 적용
  • 지도 API 호출 최적화 — 뷰포트 기반 조회와 ‘이 지역 재검색’ 버튼으로 이동 중 자동 재조회 제거, 축소 시 클러스터 API 전환
  • 아키텍처·코딩 표준 문서를 AI 컨텍스트(.ai/)로 관리해 팀 컨벤션 일관성 확보, AI를 설계 검토에 활용
TypeScript React 19 Next.js 16 Zustand TanStack Query Capacitor Sentry

RAG 기반 신혼부부 정책 AI 도우미

bbumate.com · github.com/soojjung/bbumate-policy-chat

2025년 10월 — 2025년 12월

  • LangChain(LCEL) + ChromaDB 기반 End-to-End RAG 파이프라인 구축, 흩어진 113개 이상 정책을 4,096차원 벡터 스토어로 통합
  • 병렬 문서 평가로 복합 질의 처리 시간 4.2초 → 1.4초, 지연시간 66% 단축
  • Tavily API로 RAG → 쿼리 재작성 → 웹 검색 순서의 다단계 폴백 전략 설계, 색인된 데이터 밖의 질문도 웹 검색으로 답변하도록 구성
  • 97개 이상 URL 매핑 기반 고신뢰 그라운딩 시스템 구축, 모든 답변에 공식 출처 링크 제공
Python FastAPI LangChain ChromaDB

건강기능식품 이커머스 플랫폼

github.com/soojjung/health-supplement-shop

2025년 8월 — 2025년 10월

  • Spring Boot + React 기반 이커머스 플랫폼 구축, 인증·상품·장바구니·주문·리뷰 등 핵심 사용자 플로우 구현
  • 토스 결제 연동(테스트 환경) 및 401 Silent Refresh·Route Guard·게스트/회원 장바구니 병합 구현
  • 주문 상태 머신·낙관적 잠금으로 동시 주문 충돌 방지, EntityGraph로 N+1 쿼리 병목 해결
React 19 TypeScript Java Spring Boot JPA MySQL

교육

응용수학 및 통계학 & 경제학 학사

스토니브룩, 뉴욕주립대학교 — 학점 4.0 / 4.5

2018년 12월 졸업

백엔드 & AI 엔지니어링 부트캠프

패스트캠퍼스 커널 아카데미 K-Digital Training

2025년 6월 — 2025년 12월

  • Java/Spring Boot 백엔드 개발, 자료구조 & 알고리즘, 데이터베이스, OS & 네트워크 (196h)
  • AI & 머신러닝: Python 기반 ML 워크플로우, NLP 기초, Transformer 기반 LLM (BERT, GPT) (34h)

피지컬 AI 로봇 부트캠프

패스트캠퍼스 커널 아카데미 K-Digital Training

2026년 6월 — 2026년 8월

  • ROS2(토픽·서비스·액션·TF), SLAM·Nav2 자율주행, PID 주행 제어, Isaac Sim/Lab 시뮬레이션
  • YOLO 객체 인식, LeRobot 기반 모방학습(데이터 수집·학습·추론), 로봇팔 제어 및 Hand-Eye Calibration

기타 활동