과정

• 라이브 섹션 내 시청 정보에 대하여 SSE 통신을 통한 지속적 업데이트 로직을 추가할 필요성 있음
  • → EventSource 객체를 사용하여, production 모드인 경우 SSE 통신을 수행하도록 함
  • • 불필요한 리렌더링 방지 목적으로 컴포넌트를 컴파운드 컴포넌트 형태로 리팩토링하고, 각 요소에 대해 메모이제이션을 적용함

결과

• LiveInfo 컴포넌트의 이팩트가 SSE 통신을 수행함