최용현

Jigeumfilm (지금필름)NOW

Front-end Product Owner

지금필름 어드민 · 자사몰 · 신규 아카이브 서비스 — 제작 운영·판매 제품 2종을 구축·운영 중이며, 세 번째 제품(아카이브 서비스)을 개발 중. 프론트엔드부터 백엔드·인프라까지 전 구간 담당.

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

  React 19 + Vite 프론트엔드부터 Spring Boot 3.4 · Java 21 · MySQL 백엔드까지 단독 설계·구현. 4단계 RBAC, 13단계 주문 파이프라인, 네이버 커머스 양방향 동기화(5분 스케줄러 + 웹훅)와 상품 자동 매칭을 운영 중입니다.

  Front-end → Full-stack · RBAC 4롤 · 주문 13단계

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

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

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

• 검수 영상 전송 — 표준 HLS 전환 · 원본 병렬 다운로드

  대용량 mp4를 직접 서빙하던 반표준 구조를 표준 HLS + ABR + CDN 캐시로 교체해 버퍼링과 아이폰 재생 불가를 해소. R2 원본 다운로드는 단일 스트림 병목을 병렬 처리로 풀었습니다.

  원본 다운로드 33× · iOS 재생 불가 해소

• 결제 시스템 구축 (포트원)

  결제 원장 설계부터 S2S 승인 검증·웹훅 서명 확인·항목 단위 부분 환불·주문 생성 복구 스케줄러까지 구현. PG가 중복 취소를 막아주지 않는다는 점을 확인하고 DB 선점을 앞에 두어 정합성을 확보했습니다.

  S2S 검증 · 웹훅 서명 · 장바구니 부분 환불

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

  카카오·네이버 크롤러가 JS를 실행하지 않아 SEO·OG에는 완성된 HTML이 필요했습니다. Next.js 15 정적 export로 서버 없이 요구를 만족시키고, 백엔드는 신설하지 않고 기존 Spring API에 공개 엔드포인트만 추가했습니다.

  서버 러닝코스트 0 · 백엔드 신설 0

• 인프라 비용 70~80% 절감

  운영 중 비용 부담을 발견 → 폴링 제거 + 데이터 신선도 정책 재정의. React Query 캐싱 패턴을 적용해 API 호출을 70~80% 줄였습니다.

  API 호출 70~80%↓ · 인프라 비용 절감

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

(주) 커넥션스튜디오

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

(주) 러브에그

Front-end Developer

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

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

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

• 통합 관리자 기능 개발

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

• 모바일 웹 결제·예약

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

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

(주) 슬로그인

Front-end Developer

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

• 예약 및 일정 관리 시스템

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

• 다국어(i18n) 시스템

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

• 결제 모듈 연동

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

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

(주) 니더

Front-end Developer

• 본인인증 연동

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

• JavaScript → Nuxt 마이그레이션

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

• 메인 인터랙션 개선

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

• 사장님 페이지

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

stack / Vue · Nuxt · Scss