Nextjs error boundary 적용하기

ErrorBoundary를 왜 설정하려 하는가? ErrorBoundary에 대해 처리해서 Error상황이 발생하였을 때 사용자에게 어떤 원인으로 문제가 생겼는지 알려줘야 한다. 현재 Error에 대해서 잡아주는 코드가 없기 때문에 Error 코드 설정을 따로 해야한다. 생각하기 if (error) return if문으로 뺄 경우 error, loading, ui, data 없을 때 4가지로 분기가 되야한다. 어떻게 구현할까? error만 따로 관리해서공통컴포넌트처럼 관리해보자. catch해야 할 error는 무엇이 있을까? AuthError (ApiErrorBoundary 에서 처리) network Error (ApiErrorBoundary 에서 처리) Unkown Error AuthError 어떻게 구..
사이드 프로젝트 2023. 9. 6. 18:16
1