Software Engineer
박남준
기술 개선이 비즈니스 성과로 이어질 때 가장 몰입합니다
"코드만으로 풀리지 않는 문제는 사람과 함께 풉니다."
Work Experience
피클플러스
Frontend Lead — 프론트엔드 기술 전략과 제품 개발 리드
2025.10 ~ 현재
350 → 150
상품 페이지 통합 (57% 감소)
0% → 85%
CloudFront 캐시 히트율
연 2,000만 원+
서버 비용 절감
- 상품마다 상세·결제 페이지가 개별 제작되어 페이지가 무한 증식하던 구조를 진단, 기획·디자인·백엔드와 상품 도메인의 공통 언어와 모델을 합의해 흩어진 퍼널을 통합 → 350 → 150페이지(57% 감소), 빌드 시간 1분+ 단축, 신규 상품 출시가 '페이지 개발'에서 '데이터 등록' 수준으로 단순화
- 무효화되어 있던 CloudFront 캐시 히트율 0% → 85% 재설계로 오리진 서버 부하를 줄여 서비스 전체 서버 비용 연 2,000만 원 이상 절감
- HTTP/3 도입과 LCP 요소 AVIF 변환·캐싱으로 LCP P75 1.9초 → 1.1초 달성
- 규칙 없이 S3에 쌓이던 정적 에셋의 네이밍·폴더 컨벤션을 정립하고 시각화 도구(Asset-Center) 제작 → 디자이너·운영자가 직접 에셋을 관리하는 셀프서비스 구조 확립
- 3개+ 분산 레포를 모노레포로 통합, 공통 모듈을 npm 패키지로 버저닝해 변경 전파로 인한 장애를 구조적으로 차단, UI 일관성을 위한 디자인 시스템 구축 진행 중
Next.js
TypeScript
Tanstack Query
Zustand
Playwright
화해글로벌
Frontend Engineer
2025.06 ~ 2025.10
Virtual Windowing
대용량 리스트 크래시 해결
20개+
이벤트 페이지 통합 어드민
SSR → SSG
서버 부하·렌더링 개선
- 커머스 웹뷰 레거시 코드(Scss, Axios)를 Tanstack Query·Tailwind로 점진적 이관, 비즈니스 로직과 UI를 분리해 신규 코드베이스와 공존 가능한 구조로 전환
- 찜하기 목록에 Virtual Windowing 도입으로 대용량 리스트 크래시 해결, 불필요한 SSR을 SSG로 전환해 서버 부하·렌더링 개선
- 20개+ 이벤트 페이지를 통합 관리하는 화해위크 기획전 어드민 구축(재사용 컴포넌트 7개+), React Hook Form + Zod로 런타임 타입 안정성 확보
- Orval API 타입 자동화, Overlay 기반 Modal 표준화, Suspense/ErrorBoundary 도입 — 반복 문제를 구조로 해결
Next.js
TypeScript
Tanstack Query
React Hook Form
Zod
Jotai
Jest
지엔터프라이즈
Frontend Engineer
2024.03 ~ 2025.05
3초 → 1.3초
A/B SDK 서버 분기로 LCP 개선
연 3,000만 원+
밴드위스 비용 80%+ 절감
약 3주
개발 리소스 절감
- 클라이언트에서 실험 그룹을 결정하던 레거시 A/B 테스트 SDK(2초+ 레이턴시)를 Next.js Middleware 서버 분기로 이전 → 실험 환경을 유지하며 LCP 3초 → 1.3초
- Vercel 밴드위스 비용 급증을 발견, S3 + CloudFront 전환으로 80%+ 절감(연 3천만 원+)
- 디자이너가 직접 이미지를 업로드·최적화(WebP/AVIF, 1MB→20KB)하는 대시보드 제작으로 개발 리소스 약 3주 절감
- 수백 개 입력 페이지의 전환 흐름을 선언적으로 정의하는 퍼널 모듈 제작 → 흐름 가시성·디버깅·테스트 효율 향상
- Shadcn UI 기반 디자인 시스템 재구축, Playwright E2E를 Flaky Test Zero 원칙으로 CI에 통합해 머지 전 자동 검증 체계 확립
Next.js
TypeScript
GraphQL
Relay
Jotai
Playwright
Vercel
에이슬립
Frontend Engineer — 시드 단계 합류, 90명 규모까지 성장
2020.11 ~ 2024.02
Seed → 90명
초기 합류, 성장 전 과정 동행
Streaming SSR
B2B SaaS 초기 로딩 개선
BFF · GraphQL
MSA 통합 대시보드 구축
- B2B SaaS 대시보드 — MSA API를 통합하는 BFF(GraphQL) 구축, Streaming SSR로 초기 로딩 개선, ROLE 기반 권한 어드민 설계, AWS CDK 배포 자동화
- B2C 앱 웹뷰 — JS-Bridge 기반 네이티브 ↔ 웹뷰 통신 구현, Virtual Slides로 렌더링 병목 해결
- CRA → Next.js 점진적 전환 주도로 LCP·SEO 개선
React
TypeScript
GraphQL
Python
FastAPI
Skills
Backend
Node.js
Python
FastAPI
GraphQL
MySQL
Frontend
React
Next.js
TypeScript
Tanstack Query
Zustand
Playwright
Infra
S3 · CloudFront
AWS CDK
Vercel
GitHub Actions
Datadog · Sentry
Docker
Contact
함께 해볼까요?
가벼운 커피챗부터 협업·채용 제안까지 언제든 환영합니다.
보내주신 메일은 꼭 읽고 답장드립니다.
박남준 · Software Engineer