## 문제 상황 - 채널 페이지(`/[channel]`)에서 데이터를 서버 사이드에서 요청하고 있으나, 실제 렌더링은 클라이언트 컴포넌트인 `ListContainer`에 `props`로 전달하여 처리하고 있음. (컴포넌트 분리 과정에서 발생한 오류) - 서버에서 응답 받은 초기 HTML에 서버 데이터가 포함되어 있지 않아 `SSR(Server-Side Rendering)`의 장점을 제대로 활용하지 못하고 있음 ## 작업 목표 (Task Objective) - `SSR(Server-Side Rendering)`에 초기 데이터가 포함되도록 구조 개선 - `ListContainer` 컴포넌트의 `props`로 전달하던 initialState를 제거 후 서버 컴포넌트에서 처리 - `ListContainer` 컴포넌트의 `ul 엘리먼트`를 서버 컴포넌트로 이동 배치 - 초기 HTML에 데이터를 포함하여 성능과 SEO 향상 ## 상위 브랜치 (Parent Branch) - `feature` ## 생성할 브랜치 (New Branch) - `fix/ssr-rendering` ## 완료 기준 (Definition of Done) - [ ] 초기 데이터를 서버에서 렌더링하도록 `ListContainer` 구조 분리 - [ ] 더 나은 구조를 위해 `ul 엘리먼트`를 서버 컴포넌트로 이동 배치 - [ ] 무한 스크롤과 인터랙션은 클라이언트 컴포넌트에서 처리하도록 유지 - [ ] 서버에서 응답 받은 `HTML`에 리스트 데이터가 포함되는지 확인 - [ ] 무한 스크롤 기능이 정상적으로 동작하는지 확인
