<aside> <img src="/icons/bookmark_green.svg" alt="/icons/bookmark_green.svg" width="40px" />

발표 목차

</aside>

🔍 4주차 진행상황

서비스 개요

https://github.com/boostcampwm-2024/web22-LiBoo

데모 발표

https://liboo.kr/

feature 개발 현황

• 호스트
• 최적화
• 클라이언트 ↔ API ↔ 호스트 연동
• 채팅 연결
• Object Storage 영상 송출

메인 페이지

프론트엔드

라이브 컴포넌트와 다시보기 컴포넌트의 UI가 비슷하지만 받는 데이터는 둘이 다름 (API가 다름)

라이브 컴포넌트

다시보기 컴포넌트

• 추후의 확장성을 고려하여 다른 컴포넌트로 분리하기로 결정
  • 지금은 같은 UI의 컴포넌트라도 다른 컴포넌트에 다른 기능이 추가되는 필수적으로 분리해야함
• 각 컴포넌트의 의존성 주입이 다름
  • 라이브 컴포넌트는 RecentLiveVideo 타입의 데이터를 받음
  • 다시보기 컴포넌트는 ReplayVideo 타입의 데이터 받음