정진경

Frontend Engineer · 13년차

Summary

Skills

Language
TypeScriptJavaScriptHTMLCSS
Framework
ReactNext.js (App Router)Vue.jsWeb Components
State · Data
TanStack QueryZustandReduxVuex · Piniareact-hook-form
Styling · UI
Sass · CSS ModulesTailwindCSSStorybookTiptapChart.jsAG Grid
Build · Test
Turborepo · pnpmWebpackViteBabelVitestJestPlaywright
CI · Ops
GitLab CIJenkinsSonarQubeDatadog
AI
Claude Code

Experience

LG전자D2C플랫폼팀 · LGE.COM 프론트엔드

2024.05 – 현재 (2년 5개월)
2024.08 – 2026.09

LGE.COM 프론트엔드 Next.js 재개발

  • JSP 기반 레거시 사이트를 Next.js로 단계적으로 재개발하는 전환 과제의 프론트엔드 리드
  • Turborepo 모노레포를 처음 설계하고 공통 설정, 빌드, 테스트 기준을 패키지로 표준화해 모든 앱이 같은 규칙으로 개발되도록 구성
  • Lighthouse 성능 점수 60점대 → 90점대(약 50% 향상), CLS 등 Core Web Vitals 개선

1차 전환 · 메인, 카테고리, 검색2024.08 – 2025.08

  • SSR과 캐싱 전략 최적화, 반응형과 크로스 브라우징, 웹 접근성 준수

2차 전환 · 상품상세(PDP)2026.01 – 06

  • Micro Frontend 등 구조 대안을 비교 검토해 FSD 기반 구조를 채택, 결정 과정을 ADR로 문서화
  • FSD 레이어 구조와 의존 규칙을 정의해 여러 개발자가 함께 확장하기 쉬운 코드베이스로 재구성
  • 구매 전환 핵심 기능 개발, 브라우저 환경별 예외 대응으로 운영 안정성 강화

3차 전환 · 마이페이지2026.07 – 09

  • API별 섹션 스트리밍 렌더링으로 일부 응답 지연이 전체 화면에 번지지 않는 구조 설계
  • 서버 단계 A/B 테스트 체계를 구축해 실험 데이터로 UI를 결정하는 기반 마련
  • 인증 흐름을 안정화하고 운영 로그를 구조화해 장애 추적이 쉬운 환경 구성

Next.js, React, TypeScript, Turborepo, Zustand, Sass, Vitest, Playwright, Datadog

2026.02 – 현재

AI 네이티브 개발 체계 도입

  • 팀 단위 AI 코딩 에이전트 도입을 기획하고 사용 규칙과 운영 방식 수립
  • 코드 리뷰, 접근성, 성능 등 팀 개발 기준을 AI 스킬로 정리해 품질 검토 자동화
  • 디자인 산출물을 컴포넌트로 전환하고 시각 정합성을 자동 검증하는 파이프라인 구축
  • 디자이너와 개발자 간 핸드오프 프로세스 재설계

Claude Code, Agent Skills, Subagents

2025.09 – 11

커뮤니티 서비스

  • 사용자 생성 콘텐츠(UGC) 기반 커뮤니티 프론트엔드 신규 개발
  • 확장 가능한 구조의 리치 텍스트 에디터 구현, 이미지 업로드와 동영상 삽입 지원
  • 게시글과 댓글의 권한 정책, 캐싱 범위를 백엔드와 함께 설계해 데이터 정합성 확보
  • 신고, 차단 등 여러 화면에서 쓰이는 기능을 공통 컴포넌트로 설계

Next.js, React, TanStack Query, react-hook-form, Tiptap

2025.07 – 09

AI 쇼핑 넛지 위젯

  • 생성형 AI 기반 상품 추천 위젯을 단독으로 설계하고 개발
  • React를 Web Component로 배포하는 브릿지 설계, 레거시 페이지에도 스크립트 한 줄로 탑재
  • Shadow DOM으로 스타일을 격리해 호스트 페이지와 충돌 없이 독립 배포
  • 페이지 유형별 노출 정책 설계, 애니메이션 렌더링 최적화로 성능 부담 최소화

React, Web Components, Vite, Lottie, Vitest

11번가전시서비스개발팀 · Frontend

2018.07 – 2024.04 (5년 10개월)
2024

AI MD생성형 AI 상품 추천 서비스

  • 생성형 AI가 상품을 추천하고 고객 질문에 답하는 모바일 웹 서비스의 프론트엔드 환경 구축 및 개발

TypeScript, Vue.js, Pinia, Vite, TailwindCSS

2022 – 2023

PUI Admin사내 표준 UI 시스템 어드민

  • 블록 조합 방식의 사내 표준 UI 시스템을 운영하는 어드민을 기획부터 사용자 교육까지 담당
  • 드래그 앤 드롭 페이지 구성, 블록 데이터와 API 스펙 관리로 개발 없이 페이지를 만드는 환경 제공

TypeScript, Vue.js, Vuex, Webpack, TailwindCSS, Playwright

2021

ELSA전시 데이터 관리 어드민

  • 전시 데이터를 관리하는 사내 어드민의 기획, 설계, 개발과 CI/CD 구축

Vue.js, Vuex, Webpack, Sass, AG Grid

2021

아마존 전시관

  • 11번가 내 아마존 상품관 PC 웹을 SPA로 설계하고 개발
  • 서버가 내려주는 블록 타입에 따라 화면을 조립하는 구조로 전시 운영의 유연성 확보

Vue.js, Vue Router, Vuex, Webpack

2020

스토어 2.0셀러 스토어 리뉴얼

  • 입점 셀러 스토어를 모바일 웹과 앱 WebView에서 함께 운영하는 구조로 설계, 개발, CI/CD 구축

Vue.js, Vuex, Webpack, Storybook

2019

Webpack 도입 및 FE 성능 개선

  • 성능 측정 기준과 네트워크 조건을 직접 정의하고 병목 원인 분석
  • 레거시 모듈 체계를 ES6 기반 번들링으로 전환하고 캐싱, CDN 전략 재수립
  • 로딩 시간 49% 단축(4G 기준), JS 요청 수 57% 감소
  • ES6+ 문법과 HMR 개발환경 도입, 실험 결과 보고서 작성 및 사내 기술 공유

Webpack, Babel, RequireJS, Chrome DevTools, CDN

2018

Web Scouter사용자 로그 분석 Chrome Extension

  • 화면 영역별 노출, 클릭, CTR을 차트로 보여주는 분석 도구를 기획하고 개발
  • 로그 트래킹 기능을 더해 QA 검증 도구로 확장, 배포와 사용자 교육 진행

React, Redux, Chart.js, Chrome Extension API, Webpack

제이티엘소프트플랫폼기술연구소 · 책임연구원

2013.04 – 2017.02 (3년 11개월)
2013 – 2017

VisualJava모델 기반 개발(MDD) 플랫폼

  • Java 코드를 다이어그램으로 시각화하고 모델과 코드를 실시간 동기화하는 Eclipse 플러그인 개발
  • 연구부터 설계, 개발까지 참여, IR 자료 제작으로 시리즈 A 투자 유치에 기여

Java, Eclipse Plugin (JDT, GEF, EMF, SWT)

특허 2건
  • 비주얼 스프링 개발 환경 시스템등록 1016283140000애플리케이션의 구조와 메소드 호출 시퀀스를 시각적으로 표현
  • 객체 지향 프로그래밍 장치 및 방법등록 1017474240000애플리케이션 설계와 구현을 통합

Education

Strengths