프로덕트 엔지니어1명2024.10 ~ 현재@ GS칼텍스
에너지플러스
느린 앱이 빠른 앱이 되자, 가입자가 두 배가 됐다. Lighthouse 33→65, 가입자 108만→210만. 기술 부채 해결이 비즈니스 성장으로 연결된 이야기.
1.9점앱 평점 → 4.
+94%가입자 108만 → 210만 (
+97%Lighthouse 33→65 (
Impact Dashboard
프로젝트 핵심 성과
측정 가능한 결과로 증명된 비즈니스 임팩트
평점 (정유앱 위)
0점
앱 평점 1.9점 → 4.6점 (정유앱 1위)
가입자 ()
0%
가입자 108만 → 210만 (+94%)
Lighthouse →()
0%
Lighthouse 33→65 (+97%)
추가 성과 지표
LCP ()
65%
4개의 측정 가능한 성과 달성
Project Story
프로젝트 스토리
STAR 프레임워크로 구조화된 문제 해결 여정
Situation
상황 · 맥락
핵심 문제
앱 로딩이 너무 느림. Lighthouse 33점, LCP 3.03초, 요청 Size 14MB. 폰트 5MB, API 중복 호출, JS 번들 비대, 전역 모달 문제.
Task
과제 · 목표
해결 방향
Pretend 경량 폰트 적용, 불필요한 API 플로우 정리, JS 번들 최적화, 모달 렌더링 최적화. 더하기가 아니라 빼기.
Action
실행 · 접근
접근 방식
VOC에서 "느리다" 패턴 발견 → 측정으로 증명 → 불필요한 것 제거 → 비즈니스 성장 연결
해결한 도전 과제
레거시 코드베이스 성능 개선
VOC 기반 문제 발견과 해결
Vue2→Vue3 마이그레이션 계획
Result
결과 · 성과
주요 성과
앱 평점 1.9점 → 4.6점 (정유앱 1위)
가입자 108만 → 210만 (+94%)
Lighthouse 33→65 (+97%)
LCP 3.03초→1.07초 (-65%)
배운 점 · 인사이트
측정이 설득한다 - Lighthouse 점수가 고객 편을 들어줬다
빼기의 힘 - 성능 개선은 새 기술 도입이 아니라 불필요한 것 제거
VOC→측정→해결→비즈니스 성장 사이클
Technical Details
기술 스택 & 구현
사용 기술
Vue.jsNuxtVitePinia
프로젝트 태그
Vue.jsNuxtVitePinia성능최적화웹성능B2C
Project Gallery
프로젝트 결과물
실제 구현된 결과물과 현장 경험을 확인하세요
