문제를정의하고,제품으로끝까지만듭니다

학생의 학교 선택부터 자소서 분석, 3인 패널 모의면접, 결과 확인까지 이어지는 AI 기반 고입 준비 서비스를 제품 오너로 설계하고 개발하고 있습니다.

• 학생·어드민·슈퍼어드민의 역할과 핵심 제품 흐름 정의
• 자소서 근거 기반 질문 생성과 학교·전형 데이터 연결 구조 설계
• 세 면접관이 참여하는 5문항 모의면접 경험과 음성 인터랙션 구현
• 랜딩·학생 화면·운영 화면의 UX 방향을 정하고 반응형 UI까지 직접 개발
• 기획·회의·개발·QA·배포 검증을 하나의 제품 사이클로 운영

실시간 코인 시세·매크로 지표·ETF 플로우·RSS 뉴스 큐레이션을 하나의 대시보드로 통합하고, Spark 공개 랜딩·뉴스레터 구독·발송·유료 결제까지 이어지는 운영 흐름을 구현했습니다.

• Spark 공개 랜딩(일시 비공개) — 구독 유입·온보딩 CTA 구성
• Pulse 대시보드 — 실시간 시세·스파크라인, AI 시장 요약, 섹터별 뉴스 피드 통합
• Macro · ETF — FRED 지표·ETF AUM·기업 BTC 보유량 시각화
• PayPal 구독·취소 웹훅으로 Supabase 구독 상태 동기화
• unstable_cache + ISR로 영역별 갱신 주기 분리

REST·TanStack Query로 대시보드·전략·자산 데이터를 캐싱하고, WebSocket 시세/오더북과 BFF 보안 레이어를 결합한 프로덕션 트레이딩 웹 앱을 담당했습니다.

• next/dynamic lazy-load로 LCP·TTI 단축
• WS 틱 리렌더 병목을 memo · Map 룩업 · useMemo로 해소
• Public/Private 데이터 흐름을 BFF로 분리해 키/세션 보호

로그인·회원가입부터 오버뷰(AUM·지갑), 전략 성과 대시보드, 거래 내역, PDF 리포트, 문의까지 고객 자산 조회·리포팅 접점을 하나의 웹앱으로 구성했습니다.

• axios client_api + TanStack Query로 집계·히스토리 API 캐싱
• datepicker·필터·테이블 UI 상태를 서버 데이터와 분리
• Chart.js / Lightweight Charts · react-pdf로 성과·리포트 UX 구성

Vue.js 2 + Bootstrap 4 → Next.js 15 + TypeScript + Tailwind로 전환하는 레거시 모던화에 참여했습니다.

• 프레임워크·타입·상태 관리 현대화 (Vuex → Zustand + React Query)
• Lighthouse 78 → 98 (+20점) 성능 개선
• RBAC·실시간 데이터 시각화 대시보드 구축

퇴사 시점 기준 마이그레이션 약 50% 진행

필리핀 전역 디지털 전자투표 SPA와 실시간 선거 결과 공개 포털 UI/UX를 개발·배포했습니다.

• Redux Toolkit + React Query 하이브리드 상태 관리
• 5단계 지역 계층 구조 모니터링 최적화
• 전국 선거 공식 시스템 개발 참여

선거 데이터 운영용 미디어 워크스테이션을 프론트엔드 단독으로 설계·구현했습니다.

• 가상 스크롤로 대용량 로그/목록 성능 최적화
• Router 가드·에러 바운더리·Sentry로 장애 대응 체계 구축

일상 기록과 콘텐츠 공유를 위한 SNS형 웹 플랫폼을 구축·유지보수했습니다.

• TinyMCE 커스터마이징·이미지 자동 압축 훅
• AWS S3 업로드·리사이즈 최적화

AG Grid 기반으로 하드웨어 설계·성능 데이터를 효율적으로 조회·관리하는 UI를 제공했습니다.

• 대용량 테이블 필터·정렬 UX 구성
• 복잡한 측정 데이터를 읽기 쉬운 관리 화면으로 정리

글로벌 Line 협력사에서 Monary CMS, WDM 백오피스, Wallet Campaign CMS 등 금융·이벤트 관리 시스템을 개발했습니다.

• 동적 배열 폼·중첩 객체 유효성 검사 최적화
• My Dashboard Next.js 리팩토링으로 초기 로딩 단축