Widget 구조화 메모

구조화 목표

위젯 대시보드는 콘텐츠 카드와 실시간 데이터 카드가 한 화면에 섞여 있습니다. 이때 렌더링 경계를 명확히 두지 않으면 작은 변경이 전체 레이아웃 회귀로 번집니다.

분리 기준

  • 빌드 시점에 결정되는 카드와 요청 시점 데이터가 필요한 카드를 구분합니다.
  • 서버 컴포넌트에서 끝낼 수 있는 카드에는 클라이언트 상태를 들이지 않습니다.
  • 실패 가능성이 있는 외부 연동은 독립된 fallback UI를 유지합니다.

메모

정적 카드와 동적 카드의 책임이 분리되면 성능 문제를 추적할 때도 원인을 좁히기 쉬워집니다.