Data Strategy

데이터 페칭 책임 분리

서버 컴포넌트 fetch, 클라이언트 요청, 데이터 페칭 라이브러리를 화면 요구사항에 맞춰 선택합니다.

Server Fetch

초기 렌더링 품질

검색 노출과 첫 화면 속도가 중요하면 서버에서 데이터를 준비합니다.

Client Fetch

상호작용 중심

필터, 검색, 무한 스크롤처럼 사용자 입력 뒤 바뀌는 데이터에 유리합니다.

TanStack Query

클라이언트 캐시 관리

재시도, 동기화, 로딩 상태가 복잡하면 라이브러리 도움을 받습니다.

데이터 시점·주체 분리

데이터 필요 시점과 변경 주체 구분

초기 HTML에 필요한 값과 사용자의 클릭 이후 필요한 값을 분리하면 서버와 클라이언트 책임이 자연스럽게 나뉩니다.

구분 질문

첫 화면페이지 진입 시 바로 보여야 하는 값인지 확인합니다.
개인화세션이나 입력에 따라 클라이언트에서 계속 바뀌는지 봅니다.
복잡도캐시 무효화와 동기화 요구가 커지면 라이브러리를 고려합니다.