김진욱Jinwook Kim

다이어트 프로그램 고객에게 AI 컨설팅 콘텐츠(영상·음성·슬라이드)를 제공하는 태블릿 앱의 콘텐츠 플레이어 담당

• 비디오·TTS 음성·자막을 함께 재생하는 커스텀 콘텐츠 플레이어를 설계·구현 (배속·구간 이동·진행률·자막·사이드 네비게이션)
• 기존 PHP 기반 84개 챕터 콘텐츠를 React Native로 마이그레이션하고, 레거시에 없던 자막 기능을 신규 구현
• 프리페치 전략·렌더링 설계로 백엔드 API 개선과 함께 콘텐츠 로딩을 평균 3~5초(최대 20초+) → 1초 미만으로 단축
• Reanimated(JSI)로 컨트롤 애니메이션을 UI 스레드에서 처리하고, ref 기반 추적으로 재생 중 리렌더를 제거해 부드러운 인터랙션 확보
• 스크롤 기반 페이지 이동·진행 위치 표시 등 사용자 경험(UX) 개선
• Zustand로 재생·네비게이션 상태를 관리하고, Jest·RTL로 핵심 재생 로직을 검증

전사 업무를 처리하는 레거시 ERP를 신규 웹 ERP로 옮기는 작업에서 화면 이관과 공통 규격 수립을 담당

• 지점업무·본사업무·푸드·재무·인사 등 화면 27종을 이관·교정 — 2개월간 티켓 59건·PR 58건 처리
• 조회조건 필터 UI 표준을 수립해 지점업무·본사업무·푸드·권한·EDMS 전 메뉴에 전개하고, 화면인쇄·목록 표 공통 기반을 마련해 화면마다 제각각이던 규격을 통일
• 레거시와 1:1 대조하는 감사 절차를 만들어 이관 과정에서 누락된 기능을 역추적 복원 (비포&애프터 화면 한 곳에서만 갭 46건)
• 재무팀·푸드공장 등 현업이 올린 오류제보를 받아 처리하는 개선 루프를 운영

공식 웹사이트에서 시작해 다이어트·기업 홈페이지까지, 측정으로 병목을 특정하고 개선 결과를 지표로 검증

• Google Analytics에서 방문자 80%가 1분 내 이탈하는 문제를 확인하고 Lighthouse로 병목을 진단, Core Web Vitals(특히 LCP) 중심으로 개선 → Lighthouse 60 → 90, 이탈률 20% ↓, 페이지 전환율 30% ↑
• (후속) 기업 홈페이지는 느린 네트워크에서 로딩 완료까지 12.5초 — 전체 1,634KB 중 자사 파일이 92%임을 밝혀 1,187KB(73%) 감축 / 다이어트 홈페이지는 메인 1회 로드 31MB 중 배경 영상을 7.3MB → 1.0MB로 재인코딩
• WAR + 외장 톰캣 구성에서 server.compression이 구조적으로 무효인 것을 밝혀 톰캣 커넥터에 직접 주입하고, sendfile(zero-copy)이 압축을 건너뛰어 대용량 CSS가 그대로 나가던 임계값까지 교정
• 컨테이너 기동은 30초인데 startupProbe가 90초까지 확인하지 않아, 준비를 마치고도 60초간 트래픽을 받지 못하던 문제를 발견·해결

팀의 리뷰 부하를 줄이기 위해 PR 리뷰를 자동화하는 사내 시스템을 설계·구축하고 오너로서 운영

• 슬랙 → gRPC 호스트(NestJS) → 리뷰어 PC 클라이언트로 이어지는 3티어 코드리뷰 시스템을 구축, 실제 PR 203건을 리뷰
• 리뷰어 PC가 방화벽 뒤에 있어 연결을 역방향으로 걸고 그 연결 자체를 가용 리뷰어 등록으로 사용, 승인은 리뷰어 본인 계정으로 나가야 하므로 클라이언트에 배치
• 리뷰 게시 후에도 추적 — 지적에 달린 답변의 해소 여부를 판정해 스레드 resolve, 전건이 닫히면 PR approve, 새 커밋으로 승인이 취소되면 재승인
• 이슈 생성 → 커밋 → PR → 리뷰 요청으로 이어지는 개발 흐름 전체를 Claude Code 커스텀 스킬로 표준화하고 팀 표준으로 도입
• 커밋·PR 직전에 멀티에이전트 병렬 코드리뷰를 자동 게이트로 걸어, 품질 검증을 통과해야만 나가도록 구성
• 랜딩 퍼블리싱(Figma 시안 추출 → 디자인 리소스 수급 → S3 배포), 장애 대응(에러 알림 → Loki 로그 자동 조사), 레거시 화면 대조 감사 등도 스킬로 만들어 총 34종 운영·유지보수

• PNPM 도입으로 빌드 결과물 용량 27% ↓·속도 20% ↑, Docker Multi-Stage Build로 이미지 용량 70% ↓
• ESLint·코딩 컨벤션 수립·문서화로 코드 리뷰 시간 25% ↓
• (백엔드 팀과 협업) Kubernetes(AWS EKS·ECR) 전환 및 GitHub Actions·ArgoCD 기반 CI/CD 구축에 참여

• 디지털 미술교육 플랫폼 어드민 웹 개발 — 교사·학생 관리 페이지의 UI와 데이터 로직을 분리해 컴포넌트 책임 최소화

• Chart.js로 광고 노출·시청률·집중도와 시청자 연령·성별 분포를 시각화하는 실시간 광고 분석 대시보드 개발 — 광고주가 데이터를 즉시 확인하도록 실시간 갱신 구현

• 정적 HTML·JS·CSS로 운영하던 사이트를 React 19 + Vite로 이관하고, 집계·이미지 업로드용 PHP 백엔드는 유지해 서버 구성을 그대로 살림
• GCE 인프라(nginx + php-fpm)를 직접 구축하고 배포 스크립트·DB 운영까지 단독 수행
• 문자 발송으로 단기간에 트래픽이 몰리는 상황(2만명 규모)에 대비해 방문자당 전송량 12.7MB → 2.3MB, php-fpm 워커 5 → 30, 본문 전송을 nginx에 위임해 느린 회선 하나가 워커를 점유하지 않도록 변경
• 동시 요청이 몰릴 때 에러 없이 잘못된 파일이 저장되던 문제를 찾아 수정
• iOS·카카오톡 인앱 브라우저에서 이미지 저장이 실패하던 문제 해결

• 기획부터 개발·배포·운영까지 서비스 전반을 직접 담당, Google Analytics로 사용자를 분석해 개선 방향 결정 (모바일 비중 50% ↑ 확인 → 반응형 대응)
• 성능을 고려해 웹 컴포넌트 기반 Lit으로 개발하고, 사용자 의견을 반영해 웹소켓 기반 실시간 오픈 채팅 구현 → 개선 후 사용자 30% ↑·방문 시간 20% ↑
• 이전 서비스에서 기능 과욕으로 출시가 지연된 경험을 통해 핵심에 집중하는 MVP의 중요성을 체득, 밴픽 시뮬레이션은 단순한 사용성으로 빠르게 출시해 사용자 확보

• 총 30개 팀이 참여한 대회에서 대상 수상
• 스타트업이 제공한 시선추적 SDK로, 전면 카메라에서 사용자의 시선을 따라 탈출하는 죄수를 잡는 모바일 게임 제작
• 앱 UI 개발, 인피니티 모드(죄수를 잡으면 게임 시간 충전), Firebase 계정 연동·랭킹 시스템 구축 담당