componentDidCatch
에러가 발생했을 때 에러를 잡아주는 역할을 한다.
이 기능의 경우 함수형 컴포넌트에서 구현할 수 없으며 클래스형 컴포넌트에서만 구현할 수 있다.
개발자 도구를 이용하기 때문에 우리에게는 에러가 보이지만 사용자에게는 흰 화면이 보이게 된다.
그러므로 우리는 만약 에러가 발생 시 에러가 발생했다는 것을 화면에 보이게 해서 사용자가 볼 수 있게 해보자.
또한 우리가 에러가 발생했을 경우를 알리고 모니터링을 할 수 있게 하는 방법을 알아보자.
이렇게 componentDidCatch는 우리가 발견하지 못한 에러가 있을 때 사용자에게 에러가 발생했음을 알려줄 수 있고, 우리가 받아온 에러나 인포를 특정 관리사이트에 넣어주게 된다면 우리가 실시간으로 확인할 수 있다.
물론 우리가 관리하고 로깅하는 것을 직접할 필요없이 'sentry'라는 것을 이용할 수 있다.
이제 막 개발을 시작한 프로그래밍 입문자