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

외부 생성 모델을 단순 연결하는 수준을 넘어, 이미지·영상·시나리오·컷 편집을 하나의 제작 흐름으로 통합하는 자체 생성형 콘텐츠 엔진과 AI Studio 제품을 개발했습니다. 원본 자료 수집부터 프롬프트 준비, Draft·Final 검수, 결과 납품과 운영까지 제품 내부에서 일관되게 제어합니다.

• 복수의 이미지·영상 생성 기술을 공통 작업 규격으로 추상화한 자체 모델 오케스트레이션 엔진 설계·구현
• 이미지 201개를 186개 컷에 이관하고 1,219건의 연결을 구축해 촬영표·시나리오·원본 영상과 생성 결과를 잇는 제작 워크벤치 구현
• 원본 파일명 매핑 1,224건을 검증하고 `@{파일명}` 프롬프트 참조와 고유 에셋 ID를 연결해 순서 변경·동명 파일의 오참조 방지
• 미편집 컷에는 검증된 참조를 자동 연결하되 기존 선택·삭제·프롬프트를 덮어쓰지 않는 안전한 에셋 편집·복구 정책 설계
• 컷별 준비 상태와 명시적 참조 결정을 거쳐 Draft 생성→결과 비교·승인→Final 일괄 제작으로 이어지는 검수 파이프라인 제품화
• 같은 컷 편집 화면에서 실제 비용 확인→생성으로 이어지는 UX와 결과 갤러리·재생성·승인 취소·선택 다운로드 흐름 구현
• 서비스 작업 ID와 에피소드·장면·컷 정보를 보존하는 결과물 파일명 규칙을 적용해 제작 이력과 납품 파일의 추적성 확보
• 대규모 영상 목록을 위한 비동기 포스터 워커와 리비전 기반 캐시·페이지네이션을 도입해 스크롤·미리보기 성능 및 복구 안정성 개선
• 생성 실패·누락 환불을 원자적으로 복구하고 계정별 MCP 연결·공유 영상 접근을 운영자가 통제하는 안전한 운영 체계 구축

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

• 학생·어드민·슈퍼어드민의 역할과 핵심 제품 흐름 정의
• 자소서 근거 기반 질문 생성과 이전 회차 질문 중복을 줄이는 면접 문항 선택 구조 설계
• 베타 참여 계정별 이용 횟수·만료·세션 제한과 서버 정책을 분리해 안전한 운영 기반 구축
• 면접 완료·파이널 노트 생성 실패 시 저장 결과를 보존하고 해당 단계만 재시도하도록 안정화
• 진행·완료·중도 종료·처리 실패를 확인하는 운영 대시보드와 휴먼 검수 기준 구현
• 초기 테마 깜빡임과 자소서 분석 상태 폴링을 개선하고 핵심 흐름을 단위·브라우저 테스트로 검증

실시간 코인 시세·매크로 지표·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 리팩토링으로 초기 로딩 단축