프론트엔드
카테노이드 VOD 콘솔 V2 로 이전하기
두줄요약
VOD 콘솔 V1과 V2 병행 운영 문제를 해결하기 위해 V2 단일 운영으로 이전하고 여러 기능을 개선했습니다. 낙관적 업데이트, 상태 동기화, CI/CD, 분석 도입으로 사용자 경험과 운영 효율을 높였습니다.
문제 상황
- V1과 V2 콘솔의 병행 운영으로 개발 리소스 중복과 기능 차이로 인한 사용자 경험 불일치 발생
- VOD 콘솔 이전 과정에서 AI 배속, 업로드 상태, 에러 처리, 배포, 분석 등 여러 개선 과제 존재
해결 방법
- 낙관적 업데이트로 AI 배속 버튼 클릭 직후 즉시 피드백 제공
- 로컬 스토리지와 Broadcast Channel API로 업로드 상태를 탭 간 동기화
- 콘텐츠 목록 API 호출 시점을 업로드 단위로 변경해 호출 횟수 감소
- 에러 코드를 도입해 프론트엔드와 백엔드의 책임 분리
- Github Actions와 ArgoCD로 CI/CD 자동화 및 Slack 알림 연동
성능/운영 포인트
- 콘텐츠 목록 API 일평균 호출 횟수 약 54% 감소
- Github Cache 활용으로 재빌드 시간 평균 2분 30초에서 1분 30초로 단축
- Google Analytics 이벤트 추적으로 기능 효과와 사용자 행동 수치화