react-error-boundary 사용해서 함수형 컴포넌트 에러 처리하기 이 전의 글에서 React의 ErrorBoundary를 사용해서 에러 처리하는 방법을 알아보았다. 아쉬운 점은 함수형으로 만들 수 없다는 것이었는데 React 공식 문서에도 클래스 형 ErrorBoundary의 대안으로 react-error-boundary를 제안하고 있다. 이 글에서는 react-error-boundary의 사용방법에 대해 알아보고 프로젝트에서 어떻게 사용했는지에 대해 작성해 보려고 한다. react-error-boundaryreact-error-boundary는 클래스 형 ErrorBoundary의 함수형으로 사용할 수 있는 대안으로 함수형 컴포넌트를 사용해서 리액트 프로젝트를 작업하는 경우 클래스 형을 사용해서 ErrorBoundary를 사용하는 것보다 일관되게 함수형으로 사용할 수.. React, ErrorBoundary 사용해서 에러 처리하는 방법 공부를 시작하면서 여러 강의들을 혼자 들으며 공부를 시작했던 나에겐 에러 처리가 사소했다. console.log(error) 혹은 setError(error)와 같은 사용자에게 피드백을 줄 수 없고 기본적인 로그 처리 정도로만 그쳤던 에러 핸들링이었는데 ErrorBoundary를 공부하면서 좀 더 나은 방법으로 에러를 처리할 수 있다는 것을 알게 되었고 공부했던 내용을 다시 한번 정리하려고 한다. ErrorBoundaryErrorBoundary는 React16에서 도입된 기능이다. React로 개발하다가 에러가 발생했을 때 적절한 에러 핸들링을 하지 않은 상태에서 보면 화면에 아무것도 보이지 않게 되었던 경험을 종종 한 적이 있다. React는 렌더링 중에 에러가 발생하면 전체 UI를 제거한다. 이는 불.. 이전 1 다음
