프론트엔드 담당
SEMS 웹 서비스 현대화
레거시를 플랫폼으로
18,000점포 관제 시스템 플랫폼 이관
프로젝트 개요
프로젝트 기간
2025.02 ~ 2026.01
팀 구성
4명
나의 역할
프론트엔드 담당
레거시 SEMS 관제 서비스를 사내 통합 플랫폼으로 이관하며, 설정(JSON) 기반 대시보드/위젯 구조의 애플리케이션 레이어로 재설계·구현한 현대화 프로젝트
Next.js 15TypeScriptTanStack QueryYarn WorkspacesHonoZodTailwind CSSky
Problem & Solution
프로젝트에서 해결한 주요 과제와 솔루션
Problem
10년+ 운영된 레거시(Spring MVC/JSP) 구조로, 화면 단위 개발/배포가 느리고 확장이 어려웠습니다
Solution
사내 통합 플랫폼의 설정(JSON) 기반 대시보드/위젯 구조에 맞춰 이관 단위를 표준화했습니다
Visual Highlights
SEMS 웹 서비스 현대화의 핵심 기능과 인터페이스
플랫폼 기반 대시보드 렌더링 파이프라인
Results & Insights
프로젝트를 통해 달성한 성과와 배운 점
18,000+
고객 규모
162+
API 이관 개수
25+
대시보드 화면 개수
주요 인사이트
레거시 ‘화면 단위’ 기능을 ‘대시보드/위젯 단위’로 재구성하여 확장 가능한 구조로 이관했습니다.
설정(JSON) 기반 렌더링 파이프라인을 정리해 유지보수/확장 효율을 개선했습니다.
대규모 운영 환경(18,000점포)에서 서비스 중단 없이 단계적으로 이관을 완료했습니다.
기술 스택
프로젝트에 사용된 기술과 도구
Frontend
Next.js 15ReactTypeScriptZodTanStack QueryTailwind CSSky
Infra/Platform
Azure Function AppAzure CloudYarn Workspaces
Legacy/Backend
Spring MVC/JSP (Legacy)Spring Boot (Platform)Hono