Product Owner @ Jigeumfilm (지금필름) · 2026.03.16 ~

최용현

Choi Yong-hyun — Front-end Developer · Product Owner

비즈니스 병목을 시스템으로 풀고, 결과를 수치로 증명합니다.

3개

단독 구축 — 운영 2 · 오픈 전 1

70~80%↓

API 호출 · 인프라 비용 절감

48.8% → 3.8%

영상 재생 실패율 (관측 → 원인 제거)

37×

이미지 업로드 단축 (4.19s → 111ms)

01

About

코드 구현부터 PO 의사결정까지 직접 책임. 지금필름에서 제작 운영 어드민과 자사 판매몰을 단독 구축·운영하고 세 번째 제품 차라락을 오픈 전 검증 중이며, 프론트엔드에서 시작해 백엔드와 인프라까지 범위를 넓혔습니다.

지표로 판단합니다. 미매칭 65%↓, API 호출 70~80%↓, MVP 2개월 출시, 모든 의사결정을 수치로 검증.

동시성·메모리 누수처럼 놓치기 쉬운 보안·성능 디테일도 누락 없이 작업, 휴먼 에러를 시스템 단에서 차단합니다.

02

Experience

2026.03 ~ Present

약 7개월 (재직 중)

Jigeumfilm (지금필름)NOW

Front-end Product Owner

지금필름 어드민 · 자사몰 · 차라락(이벤트 아카이브) — 제작 운영 어드민과 자사 판매몰을 구축·운영 중이며, 세 번째 제품 차라락(행사 사진 아카이브)은 오픈 전 검증 단계. 프론트엔드부터 백엔드·인프라까지 전 구간 담당.

  • 운영 어드민 풀스택 단독 구축

    React 19 + Vite 프론트엔드부터 Spring Boot 3.4 · Java 21 · MySQL 백엔드까지 단독 설계·구현. 4단계 RBAC, 13단계 주문 파이프라인, 네이버 커머스 양방향 동기화와 상품 자동 매칭, 카카오 알림톡 10종, R2 고객 업로드, 주간 정산·근태·증명서까지 운영 전 영역을 한 시스템에 담았습니다.

    화면 55 · Flyway V154 · 스케줄 잡 34 · BE 테스트 950+

  • Railway → AWS EC2 이관 · 무중단 배포 구축

    간헐 장애와 원거리 리전 지연(/api/health ttfb 중앙값 0.28s)을 근거로 서울 리전 EC2 + Docker Compose 이관을 설계. 조용히 죽는 급소 5개(prod 프로파일 누락 시 H2 인메모리 부팅, 네이버 IP allowlist, JVM 힙 미설정 등)를 사전 실사해 무사고로 넘긴 뒤 블루-그린 무중단 배포를 붙였습니다.

    무사고 컷오버 · 블루-그린 무중단 배포

  • 검수 영상 전달 — HLS 전환 → 재생 관측 → 서울 전달

    대용량 mp4를 직접 서빙하던 반표준 구조를 표준 HLS + ABR + CDN 캐시로 교체하고, R2 원본 단일 스트림 병목은 병렬 다운로드(33×)로 풀었습니다. 이어 재생 텔레메트리를 붙여 실패 원인을 실측으로 좁혔고(캐시 우회 배포 후 실패율 48.8% → 3.8%), HLS 조각만 Cloudflare Pages Functions + R2로 서울 리전에서 전달하도록 경로를 바꿨습니다.

    재생 실패율 48.8% → 3.8% · 조각 응답 0.85s → 0.1s

  • 결제 시스템 구축 — 포트원 → KCP 심사 통과

    결제 원장 설계부터 S2S 승인 검증·웹훅 서명 확인·멱등성·공격 시도 로깅·항목 단위 부분 환불까지 구현. PG가 중복 취소를 막아주지 않는다는 점을 확인하고 DB 선점을 앞에 두어 정합성을 확보했습니다. 위에 쿠폰 캠페인(장당 예산 상한)·추천인 양방향 쿠폰·제휴사 리베이트·셀프 충전 채널을 얹었습니다.

    S2S 검증 · 웹훅 서명 · 멱등성 · 장바구니 부분 환불 · 쿠폰 상한

  • 자사몰 — 정적 export 아키텍처 결정

    카카오·네이버 크롤러가 JS를 실행하지 않아 SEO·OG에는 완성된 HTML이 필요했습니다. Next.js 15 정적 export로 서버 없이 요구를 만족시키고, 백엔드는 신설하지 않고 기존 Spring API에 공개 엔드포인트만 추가했습니다. 상품·가격 SSOT는 어드민 DB — 프리빌드가 스냅샷을 굽고, 어드민에서 저장하면 Deploy Hook으로 자동 재빌드됩니다.

    서버 러닝코스트 0 · 어드민 저장 = 자동 재빌드

  • AI를 규칙 뒤에 두는 설계 — 추가금 견적 판정기

    PM이 엑셀 추가금표를 머리로 대조하다 매번 다르게 판단하던 문제. 엑셀 48행을 DB 규칙 54개로 옮기고 판정은 규칙 엔진만 하도록 했습니다. LLM(Gemini)은 자연어 요청을 조건으로 해석하고 설명하는 역할에 한정하고, 응답 가드가 허용 밖 금액·비율·감면 권유를 걸러 고정 문장으로 폴백합니다. 지난 PM 질문을 사례로 되돌려 주어 학습 없이 일관성을 확보했습니다.

    규칙 54개 · 판정은 엔진만 · AI 호출 일 300회 · 월 1만원 상한

  • Claude + Codex 협업 체제 설계·운영

    1인 개발로 제품 3개를 굴리기 위해 AI 도구의 역할을 분리했습니다. Claude는 요구사항 역질문·스펙·검증·배포, Codex는 스펙대로 구현. 스펙 문서 195편이 위임 단위이고, 게이트(lint·tsc·smokeTest)와 배포 스크립트·사고 문서(INCIDENTS)를 규범화해 세션이 바뀌어도 품질이 유지되게 했습니다. 도구는 실측으로 평가해 코드를 압축하는 모델은 폐기했습니다.

    6개월 3,980 커밋 · 스펙 195편 · 마이그레이션 154

  • 인프라 비용 — API 호출 70~80% 절감 · 청구서 79% 차단

    폴링 제거 + 데이터 신선도 정책 재정의로 API 호출을 70~80% 줄였습니다. Cloudflare 청구서를 뜯어 비용의 79%가 R2가 아니라 Argo(월 $260)임을 찾아 끄고, AWS 송신 비용의 93%가 영상 파이프라인의 EC2→R2 재업로드라는 구조를 밝혀 절감 스펙으로 이었습니다.

    API 호출 70~80%↓ · Argo $260/월 차단

stack / React 19 · Next.js 15 · Vite · TypeScript · Tailwind CSS · Zustand · React Query · Spring Boot 3.4 · Java 21 · MySQL · Flyway · AWS EC2 · Docker Compose · Cloudflare R2 · Pages · Workers

2024.09 ~ 2025.07

약 11개월

(주) 커넥션스튜디오

Front-end Developer

캐스팅보트 — 아티스트 ↔ 캐스팅 담당자를 잇는 캐스팅·오디션 플랫폼.

  • 이미지 업로드 성능 최적화

    고화질 프로필 이미지 업로드에 browser-image-compression 도입 — 클라이언트 압축으로 화질 유지하며 서버 부담 감소. 로딩 중 스켈레톤 UI로 체감 대기 시간 단축.

    8.1MB → 256KB (90%↓) · 4.19s → 111ms (37×↓) · 서버 비용 절감

  • 5,000+ 프로필 리스트 가상화

    React Query useInfiniteQuery 무한 스크롤 + React-Virtuoso 가상화 적용. 화면 영역 항목만 DOM 렌더링으로 데이터 양 무관한 60fps 스크롤 확보.

    5,000+ items · smooth 60fps

  • Recoil → Zustand 전역 상태 마이그레이션

    atom key 관리·업데이트 속도·유지보수 불확실성 해결을 위한 Zustand 전환. 보일러플레이트 제거 + 상태 관리 간결화로 기능 추가 속도 향상.

  • 비즈니스 모델 구현 및 첫 수익화

    웰컴페이 결제 연동 → 유료 멤버십 구독 추가 → 2025.01 서비스 첫 매출 달성.

    2025.01 첫 매출

  • MVP 2개월 릴리즈

    React Query·Zustand 도입으로 생산성·유지보수 양립한 코드베이스 설계 — 2개월 내 MVP 시장 출시.

    MVP in 2 months

  • 매니저 role 온라인화

    오프라인 프로필 전달 프로세스를 온라인화 — 매니저 운영 공수 감소.

  • 스탭용 통합 캐스팅 워크플로우

    탭 기반 단일 관리 페이지로 캐스팅 전 과정 통합 — 화면 간 동선 최소화.

stack / React · Tailwind · React Query · Recoil · Zustand

2023.09 ~ 2024.02

5개월

(주) 러브에그

Front-end Developer

레저 예약 / 커머스 플랫폼 — 레저 예약 + 커머스 기능을 통합한 서비스의 초기 설계·구현 담당.

  • 커머스 관리자 페이지 구축

    입점 신청·승인, 상품 등록·수정, 주문 관리(출고/교환/반품/취소), 계정 관리까지 관리자 기능 구현.

  • 통합 관리자 기능 개발

    전체·입점 상점 관리, 정보 변경 이력, 상점별 상품·주문·계정 관리 통합 어드민 개발.

  • 모바일 웹 결제·예약

    포인트·쿠폰 할인, 결제 기능 구현, 상품 상세 UI/UX 개선, 레저 예약 페이지 + 예약 시스템 연동.

stack / Next.js · React · Tailwind · React Query · Recoil

2022.06 ~ 2023.09

1년 3개월

(주) 슬로그인

Front-end Developer

프라이빗 캠핑장 예약 — 프라이빗 캠핑장 예약 서비스의 초기 설계·구현 담당.

  • 예약 및 일정 관리 시스템

    캠핑장 등록·수정·삭제, 예약·일정 관리 기능 개발, 멀티 디바이스 반응형 UX 제공.

  • 다국어(i18n) 시스템

    React-i18n 기반 다국어 시스템 구축.

  • 결제 모듈 연동

    나이스페이먼츠 포트원 결제 모듈 연동.

stack / React · Tailwind · react-i18n · 포트원

2021.07 ~ 2021.12

5개월

(주) 니더

Front-end Developer

  • 본인인증 연동

    휴대폰 본인인증 + 카카오 인증 연동.

  • JavaScript → Nuxt 마이그레이션

    기존 JavaScript 코드를 Nuxt.js 기반으로 마이그레이션 — 프레임워크 기반 구조 전환.

  • 메인 인터랙션 개선

    메인 페이지 푸시 카드 애니메이션, 인터랙션 최적화. 마우스 이벤트 기반 말풍선 복사·붙여넣기 기능 구현.

  • 사장님 페이지

    알바 구인글 등록·수정·삭제 기능 구현.

stack / Vue · Nuxt · Scss

03

Projects

2026.08 ~

댕냥사주반려동물 사주 · 행동유형(PBTI) 테스트

반려동물의 생일로 오행을 분석해 성향·건강 풀이와 공유용 결과 카드를 만드는 개인 서비스. 기획·설계·구현·배포를 혼자 했습니다.

  • 만세력 계산을 전부 클라이언트에서 수행 — 결정론적 룩업이라 외부 API는 비용·지연·장애 의존만 늘린다고 판단
  • 업로드 사진을 서버로 보내지 않고 클라이언트 메모리에서만 합성 — 스토리지 비용 0, 개인정보 이슈를 원천 차단
  • 저장용 카드(사진 포함)와 공유용 OG 카드(캐릭터)를 분리 — 카카오·SNS 공유에 필요한 이미지를 개인정보 없이 서버에서 생성

stack / Next.js · TypeScript · Tailwind CSS · Cloudflare Workers · Vitest

2026.09 ~

관세 인보이스 검수기관세사무소용 수입 인보이스 검수 도구 (진행 중)

관세사가 손으로 대조하던 수입 인보이스·HS 코드 검수를 화면으로 옮기는 도구. 관세 업계 지인의 실무 요구에서 출발해 기획·설계·구현을 혼자 진행 중이며, 아직 공개 전입니다.

  • Next.js를 OpenNext로 Cloudflare Workers에 올려 서버 비용 0 — 관세사무소 규모에 별도 서버는 과잉이라고 판단
  • 회원가입 대신 초대 전용 이메일 코드 인증 — 사무소 단위 폐쇄 도구라 공개 가입 경로 자체를 만들지 않음
  • 사무소(office) 경계를 서버 계층에서 봉인 — 모든 조회·쓰기가 세션의 사무소를 거치도록 해 데이터가 섞일 경로를 원천 차단

stack / Next.js · TypeScript · Cloudflare Workers · OpenNext

04

Skills

Skill
TypeScript · JavaScript · React · Zustand · React Query · Recoil
Experience
Next.js · Nuxt · Vue
Backend
Spring Boot · Java · JPA · MySQL · Flyway · JWT · RBAC
Infra
AWS EC2 · Docker Compose · Cloudflare Pages · R2 · Workers · 블루-그린 배포
CSS
Tailwind · Styled-Components · Emotion
Design
Zeplin · Figma
Tool
GitHub · GitLab
05

Previous Career

2019.07 ~ 2020.11 (1년 4개월)

이노엘이디솔루션즈LED 조명개발팀

광교 갤러리아 벽부등 개발 + SCM 담당.

06

Education & Certifications

EDUCATION

  • 가톨릭대학교

    IT 파이낸스

    2024.03 ~

CERTIFICATIONS

  • 전기기능사

    한국산업인력공단

    2015.06

07

Contact

새로운 협업, 채용 제안, 자유로운 대화 모두 환영합니다.

chldydgus777@kakao.com