SINHU JUNG
Front-end Engineer · 3D Portfolio
BUILDING MAP... 10%
📂 입장 중
Sinhu Jung · Frontend Engineer
지도로 (ESC)
🏛️
▶ Section

강원도민 복지 플랫폼

2021.11 — 2023.12·Frontend Engineer↗ Visit부산·해운대구·센텀시티 (우동)
ReactReduxWebpackJest

Overview

강원도민이 비대면으로 공공 지원금을 신청·관리할 수 있는 모바일 앱. 위하고(WEHAGO) SSO 단일 진입점 위에서 React SPA + Spring 백엔드 + Web · Android · iOS 다중 배포 타겟을 다루며, 빌드 파이프라인과 런타임 성능을 함께 개선했습니다.

Background

  • 하드코딩된 프로토타입 구조로 인해 유지보수 비용이 빠르게 증가.
  • 빌드 파이프라인이 1.5시간을 넘어 배포 사이클 지연.
  • 위하고(WEHAGO) SSO 단일 진입점으로 더존 그룹 서비스와의 단일 로그인 경험 제공 필요.
  • 써드파티 헤더가 다른 부서 소유라 직접 손댈 수 없는 조직 제약.
  • Web + Android(com.wehago.nayana) + iOS 다중 배포 타겟.

Architecture

touch_app노드 hover · 휠로 확대 · 드래그로 이동
100%
lockWEHAGO SSO통합 인증keyAuth LayerSSO 토큰 검증memoryRedux Store사용자 컨텍스트webReact SPALazy Pages · GNB preloaddnsSpring BESpring Security + RESTcodeSourceJS + ReactconstructionWebpackTerser · Tree ShakingsplitscreenReact.lazyCode SplittingsettingsJenkinsCI / CDrocket_launchDeploy TargetsWeb

What I Did

  • 위하고 SSO 콜백·토큰 저장·만료 재인증을 Redux + Auth 훅으로 일원화.
  • Redux + 모듈 경계 재설계로 도메인별 책임 분리, 프로토타입을 운영 환경 수준으로 리팩토링.
  • Webpack 빌드 최적화 (Terser · Tree Shaking · externals)로 빌드 사이클 단축.
  • React.lazy 코드 스플리팅과 GNB hover preload로 초기 청크 사이즈 감소 + 체감 속도 개선.
  • Jest 기반 단위 테스트로 핵심 함수 회귀 버그 사전 방지.
  • 써드파티 헤더는 손댈 수 없어, 본인 영역인 라우트 단위 분할로 우회적으로 사용자 체감 성능 개선.

Before / After

항목BeforeAfter
빌드 시간최대 1시간 30분최대 30분 이내
초기 렌더링1~5초0.5~2초
번들 구조외부 lib까지 포함externals로 제외
회귀 방지수동 QA 의존Jest 단위 테스트

Impact

  • 빌드 시간 1.5h → 30분 이내로 단축.
  • 초기 렌더링 속도 개선 (1~5s → 0.5~2s), 핵심 화면 진입 체감 속도 향상.
  • 조직 경계를 고려한 엔지니어링 의사결정으로 외부 제약 속에서도 사용자 체감 성능 개선.

Tech Stack

Frontend
JavaScriptReactReduxWebpackBabel
Backend
JavaSpring BootSpring Security
Auth
위하고 (WEHAGO) SSO
Build / CI
JestJenkins
Deploy
WebAndroid (com.wehago.nayana)iOS