강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

아리마님의 프로필 이미지
아리마

작성한 질문수

실전 리액트 프로그래밍

에러 처리 문의드립니다.

작성

·

163

0

강사님 안녕하세요.

예전에 자바스크립트나 jQuery 개발을 할 때는 개발실수로 스크립트 에러가 발생하면

콘솔에 오류가 떠도, 화면은 그 상태로 유지되어 있었던 것 같은데

리액트에서는 에러메시지가 떡하니 화면에 뜨면서 기본에러페이지로 전환이 되는 것 같습니다.

리액트 공식홈페이지에서 에러경계에 대한 글이 있어서 읽어보면서 참고하고 있는데

"이벤트 핸들러 내부에서는 에러를 포착하지 않습니다."

"이벤트 핸들러 내에서 에러를 잡아야 하는 경우, 일반 자바스크립트의 try/catch 문을 사용하세요."

라고 설명이 되어 있네요.

개발자가 언제 실수를 할 지 모르는 상황이니, try/catch로 접근하는 것은 좀 잘못된 상황 같은데

개발자들이 실수하여 스크립트 오류가 발생하여도, 내 현재 화면이 unmount 되지 않도록 할 수 있는 방법이 있을까요?

답변 1

0

이재승님의 프로필 이미지
이재승
지식공유자

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

아리마님의 프로필 이미지
아리마

작성한 질문수

질문하기