모바일 앱 리뉴얼 담당

SEMS 모바일 앱 리뉴얼

고객의 니즈를 빠르게 반영하기 위한 과정

클라이언트 로직 분리로 고객 요구사항 반영 속도와 안정성 향상

프로젝트 개요

2025.02.14 ~ 2025.07.31

3명

모바일 앱 리뉴얼 담당

Spring/JSP 레거시에서 Next.js 14로 클라이언트 로직을 분리하여 고객 요구사항 반영 속도를 향상시키고, 외주 산출물 검수를 통해 데이터 정합성과 안정성을 확보한 모바일 앱 리뉴얼 프로젝트

Next.js 14TypeScriptRollbarFirebase Cloud Messaging

프로젝트에서 해결한 주요 과제와 솔루션

Spring/JSP 레거시 기술 스택에서 클라이언트와 서버 로직이 혼재되어 고객 요구사항을 신속하게 반영하기 어려웠습니다

클라이언트 로직을 분리하여 Next.js 14 프론트엔드로 전환한 독립적인 프로젝트를 구성했습니다

SEMS 모바일 앱 리뉴얼의 핵심 기능과 인터페이스

레거시 구조: Native가 JS 함수를 직접 호출하고(WebView JS Runtime에서) localStorage에 환경 정보를 주입. 진입 로직이 분산되어 흐름 추적이 어려웠습니다.

프로젝트를 통해 달성한 성과와 배운 점

90+

리뉴얼 화면/기능 규모

100%

외주 검수 이슈 해결

20,000+

앱 사용자 규모

URL 기반 진입 컨텍스트로 전환해 WebView 진입 흐름을 단일화하고 디버깅 재현성을 확보했습니다.

ErrorBoundary + Rollbar 모니터링으로 운영 환경 에러를 체계적으로 분류·추적했습니다.

외주 산출물 검수 과정에서 로그 기반 재현 및 서버 정합성 검증으로 서비스 품질을 확보했습니다.

프로젝트에 사용된 기술과 도구

Next.js 14ReactTypeScript

Firebase Cloud Messaging

Rollbar