왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
왓챠 웹에 Document PiP를 적용한 과정과 원리를 설명했습니다. React 상태 유지, 재생 정체 복구, 종료 제어 같은 실서비스 이슈를 함께 다뤘습니다.
#React#CSS#browser
7100
왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나
왓챠 웹에 Document PiP를 적용한 과정과 원리를 설명했습니다. React 상태 유지, 재생 정체 복구, 종료 제어 같은 실서비스 이슈를 함께 다뤘습니다.
왓챠 웹에서 PiP 기능을 지원하게 된 소식을 소개했습니다. 기존 미니플레이어 한계와 브라우저별 PiP 차이도 함께 안내했습니다.
왓챠 웹이 기존 react + express 구조에서 Remix로 마이그레이션한 이유와 과정을 정리했습니다. 점진적 전환, 라우팅 분기, 컴포넌트 분리와 같은 운영 전략도 함께 공유했습니다.

스마트TV 앱은 리모컨 조작과 포커스 상태를 전제로 모바일과 다른 기준으로 설계해야 합니다. 색상, 글자 크기, 성능 제약까지 고려해 TV 환경에서 직접 검증하는 과정이 중요합니다.

스마트 TV에서 콘텐츠를 새롭게 탐색하도록 예고편 중심의 왓고리즘 기능을 설계하고 검증한 사례를 소개했습니다. 사용자 조사와 UT를 통해 발견 경험을 강화했고, 배포 후 도움 평가와 재생 지표 개선도 확인했습니다.
