ErrorBoundary

Randomly 프로젝트 - ErrorBoundary 적용

Randomly 프로젝트 - ErrorBoundary 적용 프로젝트에서 예기치 못한 에러가 발생할 때 사용자에게 빈화면을 노출시키는 것이 계속 신경쓰였다. 이런 불편함을 최소화하고자하는 방법을 찾던 도중 ErrorBoundary라는 것을 알게 되었다. ErrorBoundary 란? ErrorBoundary를 사용하면, 리액트를 사용하면서 발생되는 컴포넌트의 에러를 핸들링할 수 있게된다. 다음을 보자. 위 화면처럼 컴포넌트에서 어떠한 오류가 발생하면 렌더링이 중단되고 빈화면을 노출시킨다. 이 상황에서 빈화면 대신 사용자가 정의한 화면을 보여지게 유도할 수 있다. 방법 ErrorBoundary는 원래 클래스형 컴포넌트에서만 사용가능하다. 하지만, 나는 함수 컴포넌트를 사용하고 있기때문에 다른 방법이 필요하다..