커스텀 랜딩 페이지를 방금 출시했는데, 여기서 토픽 목록은 전혀 표시하지 않고 커스텀 컴포넌트만 표시하고 싶습니다. 랜딩 페이지를 만들기 위해 전역 top 라우트를 사용하고, 실제 토픽 목록은 display: none으로 설정했습니다.
스테이징 환경에서는 모든 것이 정상적으로 작동하지만, 프로덕션 환경에서는 랜딩 페이지에 푸터가 표시되지 않습니다. 적어도 무슨 일이 일어나고 있는지 파악했는데, 무한 스크롤 로딩이 해결되지 않기 때문입니다:
- 스테이징에는 토픽이 거의 없으므로, 목록이 표시되지 않더라도 이미 로딩이 완료된 상태입니다.
- 프로덕션에서는 목록이 하단까지 스크롤되지 않아 로딩이 끝나지 않습니다. 그 결과 푸터 컴포넌트가 로드되지 않습니다.
스테이징에서 목록이 표시된 상태는 다음과 같습니다:
랜딩 페이지에 어떤 경우에도 렌더링되는 대체 푸터를 넣을 수 있을 것 같습니다. 하지만 이 사용 사례를 해결하는 더 우아한 방법이 있을까요?