프로젝트 배경
1) 문제점 - 다수의 ASP 사이트가 개별적으로 운영되어 유지보수 및 관리 비용 증가 - 디자인 및 기능의 일관성이 부족해 사용자 경험 저하 - 동영상 스트리밍 성능과 안정성이 낮아 사용자 이탈률 증가 - 배포 및 테스트 과정에 수작업이 많아 배포 품질 및 속도 저하 2) 프로젝트 목표 - 106개의 서비스를 통합 운영할 수 있는 프론트엔드 아키텍처 구축 - Next.js 기반으로 공통 UI
프로젝트 성과
스트리밍 재생 오류율 70% 감소
기존 HLS 기반 스트리밍 오류율 평균 10% 발생 → 스트리밍 모듈 개선 및 브라우저 대응 로직 보완 후 3% 이하로 감소
서비스 통합으로 운영 효율성 향상
106개 ASP 서비스를 하나의 통합 소스로 운영하며 배포 시간 40% 단축, 유지보수 요청 건수 월 30건 이상 감소
SEO 최적화를 통한 검색 유입률 증가
SSR 기반 구조 도입 후 주요 키워드 검색 노출 순위 상위권 진입, 신규 방문자 수 25% 증가
핵심 기능
진행 단계
기획 및 요구사항 정의
2022.11.
기존 서비스 구조 분석 및 통합 운영에 필요한 요구사항 수집, 기능 우선순위 정의
프로젝트 상세
1) 프론트엔드 아키텍처 설계 및 개발 - Next.js를 활용하여 One소스 프로젝트로 106개의 서비스를 통합하여 운영 - 아토믹 및 VAC 디자인 패턴을 적용하여 유지보수성과 확장성을 향상. - 각 도메인별로 동적인 UI 효과를 부여하여 사용자 경험을 향상시킴. - 모바일앱에서 웹뷰를 통해 요청이 오는 경우에 따른 데이터 및 UI 처리. 2) 비디오 스트리밍 서비스 구현 - Hls 프로토콜을







