tanstack-query (1) 썸네일형 리스트형 React Suspense + Error Boundary로 안정적인 로딩/에러 핸들링 웹페이지에서는 데이터 요청 상태에 따라 UI 는 다른상태를 보여줘야한다 데이터가 패칭중일 때 로딩UI, 에러가 났을 때 에러 UI 가 있다. 이 상황을 처리하기 위해 다양한 방법을 사용할 수 있는데, 그 중 Suspense 와 Error Boundary 를 활용한 선언전 데이터 패칭 처리 방법을 알아보고자 한다. 전통적인 데이터 패칭 처리 전통적으으로 데이터 패칭은 컴포넌트 내부에서 data loading, error 의 상태를 사용하여 반환되는 컴포넌트에 대한 분기 처리로 이루어져있다. 비동기 함수 queryFn 가 데이터 요청 동안 isLoading,error 상태에 따라 로딩 중일 땐 를 반환하고 에러가 발생했을 땐 를 분기 처리하여 반환하고 사용자에게 정확한 정보를 전달한다. const S.. 이전 1 다음
