에러 처리 문의드립니다.

Question

강사님 안녕하세요. 예전에 자바스크립트나 jQuery 개발을 할 때는 개발실수로 스크립트 에러가 발생하면 콘솔에 오류가 떠도, 화면은 그 상태로 유지되어 있었던 것 같은데 리액트에서는 에러메시지가 떡하니 화면에 뜨면서 기본에러페이지로 전환이 되는 것 같습니다. 리액트 공식홈페이지에서 에러경계에 대한 글이 있어서 읽어보면서 참고하고 있는데 "이벤트 핸들러 내부에서는 에러를 포착하지 않습니다." "이벤트 핸들러 내에서 에러를 잡아야 하는 경우, 일반 자바스크립트의 try/catch 문을 사용하세요." 라고 설명이 되어 있네요. 개발자가 언제 실수를 할 지 모르는 상황이니, try/catch로 접근하는 것은 좀 잘못된 상황 같은데 개발자들이 실수하여 스크립트 오류가 발생하여도, 내 현재 화면이 unmount 되지 않도록 할 수 있는 방법이 있을까요?

이재승 · Answer

안녕하세요
CRA 또는 Next.js 같은 프레임워크를 사용하실 때는 개발 모드에서만 에러 페이지를 보여주고, production 환경에서는 에러 페이지로 전환되지 않을겁니다
그리고 이벤트 핸들러에서 발생하는 에러는 unmount 와 상관 없을 것 같아요
예를 들어, onClick 에서 에러가 발생하면 콘솔로그에 에러 메세지만 찍히고 화면은 유지될겁니다 (production 환경)