플러스프로젝트 배경
기존 3PROTV 서비스는 영상 콘텐츠를 탐색하고 상세 정보를 확인하는 전용 UI가 부재해 사용자가 원하는 콘텐츠를 찾기 어려웠습니다. API 데이터를 실시간으로 반영하는 영상 목록 화면과 에피소드 상세 페이지가 없어 콘텐츠 노출이 제한됐습니다. 영상 목록·상세 페이지 신규 구현과 어드민 기능 확장으로 서비스 콘텐츠 운영 효율화가 필요했습니다.
프로젝트 성과
영상 목록·상세 페이지 TanStack Query API 실시간 연동
TanStack Query로 영상 목록·에피소드 상세 데이터 실시간 캐싱 + 갱신. API 응답 즉시 반영.
어드민 신규 기능 개발로 콘텐츠 운영 관리 체계 구축
Ant Design 기반 어드민에 영상 콘텐츠 등록·수정·삭제 기능 신규 구현. 운영팀 직접 관리 가능.
핵심 기능
TanStack Query 기반 영상 API 실시간 연동
TanStack Query로 영상 목록·에피소드 데이터 캐싱·자동 갱신. API 상태(로딩·에러·성공) 화면 분기 처리
진행 단계
화면 구조 설계 + API 명세 확인
2025.04.
영상 목록·상세·어드민 화면 구조 설계. TanStack Query 연동 대상 API 명세 확인 및 컴포넌트 설계
프로젝트 상세
3PROTV GIN 서비스의 영상 목록·영상 상세 페이지를 신규 구현하고, TanStack Query로 API 실시간 데이터 연동. 어드민 신규 기능 개발까지 2개월에 완료했습니다.
