1. 신한 프렌즈 (2024.10 ~ 2025.02) MZ세대를 위한 금융 콘텐츠 플랫폼(User/Admin)을 프론트엔드 단독 구축. JWT 동시성 문제 해결: Promise Queue + Subscriber 패턴으로 중복 요청 제거 → 예기치 않은 로그아웃 방지, 안정적 인증 환경 확보 실시간 권한 동기화: WebSocket 기반 메시지 전송으로 관리자 변경사항 즉시 반영 → 보안성·업무 효율 향상 비회원 고트래픽 이벤트 시스템: AbortController로 반복 요청 취소, LocalStorage로 중복 발급 차단 → 3만 쿠폰 50분 내 소진, 시스템 안정 유지 데이터 활용 대시보드: Google Analytics + ECharts 기반 시각화 → 관리자들이 실시간 이용자 패턴을 직관적으로 파악, 전략 수립에 활용 에러 처리 체계화: ErrorBoundary + TanStack Query 계층화 전략으로 API/인증/서버 에러 일원화 처리 → 유지보수성 및 UX 개선 2. KooRoo (2024.08 ~ 2024.09) 지도 기반 위치 서비스의 렌더링 성능 최적화 프로젝트. 문제: 수백 개 마커 동시 렌더링으로 FPS 저하(6fps)와 메모리 과부하 발생 해결: 마커 경량화, 애니메이션·CSS Shadow 제거, Chrome Performance & Heap Snapshot 기반 정량 분석, Kakao Maps 전환 성과: FPS 6 → 55 이상, 메모리 97.5MB → 22.4MB로 절감 3. HD현대 (2023.02 ~ 2023.05) 사내 디지털 자산 검색·보관 시스템 구축, 디자인 시스템 고도화. 문제: UI 반복 구현으로 비효율, 협업 시 시각적 검증 어려움 해결: TypeScript 기반 아토믹 디자인 시스템, Storybook·Figma 연동, Chromatic CI/CD 도입 성과: 어드민 개발 기간 6개월 → 4개월 단축, UI 품질·협업 효율 극대화 4. 퍼블리싱/웹 표준 프로젝트 (2021~) 금융·공공 사이트(한화 ESG, KIA 360 등)에서 웹 접근성·반응형 UI 구현 GSAP 기반 브랜드 프로모션 애니메이션으로 사용자 체류 시간 증가 Vue3 + TypeScript로 컴포넌트 기반 개발 적용 → 재사용성과 유지보수성 강화 Google Analytics, Search Console 기반 검색 최적화·데이터 수집 및 시각화(ECharts) 수행

더보기