Frontend Engineer · Resume

김진욱Jinwook Kim

성능을 비즈니스 성과로 증명하는 프론트엔드 개발자입니다.

01About

React·Next.js로 웹을 개발하며, Core Web Vitals를 기준으로 성능을 측정·진단하고 개선하는 일에 강점이 있습니다. 단순히 최적화 기법을 적용하는 데 그치지 않고, Lighthouse로 병목을 체계적으로 진단해 우선순위를 정하고 그 결과를 지표로 검증합니다.

웹소켓 기반 실시간 채팅처럼 사용자 경험이 중요한 기능을 직접 설계하고 구현해 왔으며, 익숙하면서도 군더더기 없는 UI/UX를 만드는 것을 중요하게 생각합니다.

프론트엔드 채용 면접과 JD 작성, 코드 컨벤션 수립과 코드 리뷰, 프로젝트 성격에 맞는 기술 선택 제안까지 팀의 개발 문화와 기술 방향을 주도하는 역할을 맡아왔습니다.

창업과 다양한 서비스 운영을 거치며 매출과 사용자 지표의 중요성을 체감했습니다. 안정적인 서비스 위에서 성능과 제품 지표를 함께 끌어올리는, 비즈니스에 기여하는 프론트엔드 개발자로 성장하고자 합니다.

02Skills
LanguagesTypeScript, JavaScript
FrontendReact, Next.js, React Native (Expo), Vue, Nuxt, Lit
State / DataZustand, TanStack Query, WebSocket
StylingTailwind CSS / NativeWind, Reanimated, ag-Grid, Chart.js
TestingJest, React Testing Library
PerformanceCore Web Vitals, Lighthouse, 코드 스플리팅 · 번들 최적화
DevOpsDocker, GitHub Actions, Git
AI 협업Claude Code 커스텀 스킬 설계 — 멀티에이전트 코드리뷰 · 검증 게이트 · 워크플로우 자동화
03Experience

피에트 쥬비스 다이어트 개발 TF

프론트엔드 개발자
2023.02 — 현재

AI 컨설팅 앱 — 콘텐츠 플레이어 개발

React Native · Expo · TS

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

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

NCRM — 고객 분석 리포트 개발

React · ag-Grid

지점에서 성과·분석 지표로 활용하는, 고객 행동 유형 기반 분석 리포트 화면 개발

  • ag-Grid 기반으로 고객 행동 데이터를 8가지 기준으로 보는 분석 리포트 그리드 4종을 구현하고, 고정 헤더·엑셀 내보내기 등 실무 기능 제공
  • 스크롤·버튼 조작 등 인터랙션 중에도 렌더링이 안정적으로 유지되도록 처리해, 대량 데이터에서도 끊김 없는 사용 경험 확보

공식 웹사이트 성능 최적화

Nuxt
  • Google Analytics에서 방문자 80%가 1분 내 이탈하는 문제를 확인하고, Lighthouse로 병목을 진단
  • Core Web Vitals(특히 LCP) 개선을 목표로 이미지 압축·WebP/WebM 전환·lazy loading·렌더 차단 리소스 로컬화, brotli 인코딩으로 전송량 절감
  • Lighthouse 성능 점수 60 → 90, 이탈률 20% ↓, 페이지 전환율 30% ↑

개발 프로세스 자동화

AI · Claude Code
  • 코드리뷰·PR·배포·테스트·성능 분석·레거시 마이그레이션 등 반복 개발 워크플로우를 Claude Code 커스텀 스킬 약 20종으로 자동화
  • PR → 코드리뷰 → 리뷰 요청 워크플로우를 팀 표준으로 도입하고, 오너로서 스킬 유지보수·기능 개선을 담당
  • 멀티에이전트 병렬 코드리뷰, 검증 게이트(멱등성 보장) 등으로 코드 품질 일관성과 개발 생산성 향상

빌드·배포 환경 개선

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

애드

소프트웨어 개발자
2022.05 — 2022.09
  • Chart.js로 광고 노출·시청률·집중도, 시청자 연령·성별 분포 등을 시각화하는 실시간 광고 분석 대시보드 개발
  • 광고주가 데이터를 즉시 확인할 수 있도록 실시간 데이터 업데이트 구현

아이스크림 아트

프론트엔드 개발자
2022.10 — 2023.01
  • 디지털 미술교육 플랫폼 어드민 웹 개발 — 교사·학생 관리 페이지의 UI와 데이터 로직을 분리해 컴포넌트 책임 최소화
  • GitHub PR 기반 코드 리뷰에 참여하며 코드 품질 관리
04Project

롤 연구소 개인 창업 프로젝트

2021.05 — 2022.05

리그오브레전드 밴픽 시뮬레이션 웹 서비스를 직접 기획·개발·운영, 최고 MAU 37,000 달성 및 실제 광고 수익 창출

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

한국무역협회 스타트업 피버팅 해커톤 — 대상

2021.02 — 2021.03
  • 30개 팀이 참여한 대회에서 대상 수상
  • 스타트업이 제공한 시선추적 SDK로, 전면 카메라에서 사용자의 시선을 따라 탈출하는 죄수를 잡는 모바일 게임 제작
  • 앱 UI 개발, 인피니티 모드(죄수를 잡으면 게임 시간 충전), Firebase 계정 연동·랭킹 시스템 구축 담당
06Education
국립부경대학교 IT융합응용공학과 학사 2012.03 — 2020.02
팀노바 교육과정 2020.03 — 2022.04