박정현 Junghyun Park

010-9212-6168 qwertyazsxc@gmail.com
github.com/manbo-park manbo-park.info/resume.html

대용량 트래픽 환경의 레거시 코드 마이그레이션을 주도해 왔으며,
안정적 운영 + 지속적 개선을 지향하는 프론트엔드 엔지니어입니다.

기술 스택

Core

  • TypeScript
  • Vue 3.x (Composition API), Pinia
  • Vue 2.x, Vuex
  • React, Zustand (사이드 프로젝트)

Additional

  • 빌드/번들링: Vite, Webpack
  • 테스팅: Vitest, Jest
  • 런타임 모니터링: Sentry
  • CI/CD: Bitbucket Pipelines

경력 기술

11번가
2020. 1. ~ 현재
주문 프로세스 프론트엔드 / 백엔드 로직 분리 및 Vue 마이그레이션
2022. 2. ~ 현재
개요
  • 11번가 주문 도메인의 JSP-handlebars-JavaScript 기반 프론트엔드를 Spring Boot 백엔드와 분리하고, Vue 기반 SPA로 재구축하는 마이그레이션 프로젝트
  • 프론트엔드 파트를 전담했으며, 모바일 주문 메인 프로세스(장바구니 → 주문서 → 주문 Polling → 주문완료) 전체 전환을 맡아 진행
작업
  • 모바일 장바구니 / 주문 Polling / 주문완료 전환 완료, 주문서 부분 완료
  • 쿠폰 적용 팝업, 선물하기/휴대폰샵/렌탈 주문완료, 중고보상 신청 진입 페이지 등 서브 영역의 전환도 진행
  • JSP 템플릿에 결합되어 있던 화면-로직-상태 구조를 Composition API 기반 컴포넌트 / Pinia 스토어로 재설계
  • 프론트엔드-백엔드 결합 구조를 해체하기 위해 백엔드 개발자와의 협업을 통해 API 인터페이스를 신규 설계 (요청/응답 스키마 및 에러 처리)
  • 마이그레이션 미적용 레거시 산출물과 신규 산출물을 동시 배포한 뒤, 로드할 산출물을 운영 중 실시간으로 전환할 수 있도록 구성

서버 개발자가 다수인 팀 구성을 고려해 러닝 커브가 낮은 Vue를 선택했으며, 최초 fetch 스냅샷만으로 화면 렌더링·할인 계산을 처리하는 주문 도메인 특성상 이점이 크지 않다고 판단해 TanStack Query는 의도적으로 도입하지 않는 등 문제와 맥락에 맞는 기술 의사결정을 우선했습니다.

주문서 내 제휴 주결제수단 추가/개선
카카오페이 결제 추가2023. 8. ~ 2023. 10.
토스페이 결제 추가2024. 7. ~ 2024. 10.
PAYCO 결제 개선2025. 7. ~ 2025. 9.
개요
  • 11번가 주문서에서 사용 가능한 제휴 주결제수단으로 카카오페이·토스페이를 신규 추가하고, 기존 PAYCO 결제 흐름을 개선
  • 결제수단별 요청 구성과 결제수단 제한 할인 적용 등 프론트엔드 비즈니스 로직을 담당
작업
  • 결제수단별 결제 요청 파라미터 구성 및 주문 백엔드 호출·응답 처리
  • 결제수단 노출 조건 및 정렬 정책에 따른 주문서 UI 분기·포커스 처리
  • 결제수단별 할인 정책(결제수단 제한 쿠폰 등) 적용 및 결제 금액 재계산 로직 개발

연동 시기가 오래되어 포커스 처리·결제수단 제한 할인·차단 로직이 제각각이던 PAYCO를,
새로 추가한 카카오·토스페이와 동일한 규격으로 정리해 제휴 결제수단 간 처리 방식을 일관되게 맞췄습니다.

주문 프론트엔드 프로젝트 최신화 및 성능 최적화
Vue 3 / TypeScript 마이그레이션2023. 12. ~ 2024. 1.
Webpack → Vite 전환2025. 8. ~ 2025. 11.
개요
  • 전환된 주문 프론트엔드 프로젝트의 기술 스택 최신화와 빌드/배포 파이프라인 최적화
작업
  • Vue 2.x / JavaScript / Vuex → Vue 3.x (Composition API) / TypeScript / Pinia 마이그레이션
  • Webpack → Vite 전환 및 번들 분할 재구성
  • 신규 CORS 정책 적용
결과
  • esbuild 기반 의존성 사전 번들링으로 프로덕션 빌드 시간 약 8분 → 2분 30초로 단축 (약 70% 감소)
  • Native ESM on-demand 로딩 방식으로 개발 서버 콜드 스타트 및 HMR 응답 속도 개선
  • 마이그레이션 과정에서 다수의 잠재 타입 오류를 사전 식별·수정

Vue 2의 지원 종료(EOL)에 따른 보안 이슈 대응과 타입 안정성 확보를 위해 Vue 3 / TypeScript로 전환했고,
과도하게 길던 빌드 타임을 줄이고 Vue 생태계의 표준 번들러가 Vite로 이동하는 추세를 고려해 번들러를 Vite로 전환했습니다.

주문 프론트엔드 운영 모니터링 체계 개선
2025. 12. ~ 2026. 5.
개요
  • 주문 프론트엔드의 운영 모니터링 체계를 사내 시스템에서 Sentry로 전환
배경
  • 기존 사내 시스템은 환경별 로그 분리 및 에러 컨텍스트 정의가 미흡해, 운영 중 발생한 이슈를 신속하게 식별하기 어려운 한계 존재
작업
  • Sentry 도입 및 환경별 수집 분리·에러 컨텍스트 보강
  • Fingerprint 규칙 최적화 및 소스맵 업로드로 에러 식별 정확도 향상
  • Slack 알람·node-cron 기반 주기 리포트 자동화
  • Tracing / Session Replay 활성화로 성능 분석·재현 추적 확장
결과
  • 운영 이슈의 식별 정확도 및 대응 효율 개선

기존 사내 시스템으로는 어떤 환경 및 코드에서 발생하는지 특정하기 어렵던 클라이언트 런타임 에러를
Sentry 도입 이후 Breadcrumbs 최적화와 소스맵 / 리플레이를 통해 확인하여 꾸준히 식별·수정하고 있습니다.

삼성 중고보상 서비스(Trade-In) 연동
2023. 5. ~ 2023. 7.
개요
  • 갤럭시 제품 구매 시 삼성전자 중고보상 서비스를 11번가 주문 흐름에 연동하는 프로젝트
  • 프론트엔드 / 백엔드 전체 개발, 외부 제휴사와의 협업 및 연동 인터페이스 설계 경험
작업
  • 중고보상 신청 페이지 및 주문서, 주문완료 화면 개발 (Vue, JSP)
  • 삼성 측 시스템과의 외부 연동 API 개발 (Spring Boot)
주문 프로세스 운영/개발
2020. 1. ~ 현재
  • 장바구니/주문서/주문완료 비즈니스 로직 개선 및 기능 추가
  • 주문 도메인 장애·버그 대응 및 CS 문의 기반 개선
  • 주문 진행 흐름 및 화면 UX 개선

학력

경북대학교 IT대학 컴퓨터학부 (2013. 3. ~ 2019. 8.)