관리 메뉴

CASSIE'S BLOG

Error Boundary 본문

PROGRAMMING/React

Error Boundary

ITSCASSIE1107 2023. 11. 20. 12:48

"실패 케이스와 성공 케이스가 혼재되서 코드가 복잡해요"라는 말은 코드에서 예외 처리나 오류 상황에 대한 처리가 코드 내에 성공적인 부분과 섞여 있어 코드가 복잡해 보인다는 것을 나타냅니다. 이런 상황에서 코드를 개선하고 관리하기 위해 "Error Boundary(에러 바운더리)"를 도입할 수 있습니다.

 

React 어플리케이션에서 Error Boundary는 컴포넌트 트리의 어딘가에서 발생한 JavaScript 오류를 잡아내고 이를 기반으로 UI를 변경하는 React 컴포넌트입니다. 즉, 어플리케이션의 특정 부분에서 오류가 발생하면 Error Boundary가 이를 감지하고 대체 UI를 보여줄 수 있습니다.

반응형