반응형 복잡한 상태 관리1 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 86 (에러 바운더리, 상태 유지와 key, 캡쳐 이벤트 리스너, 복잡한 상태 관리) 목차에러 바운더리상태 유지와 key캡쳐 이벤트 리스너복잡한 상태 관리오늘 하루를 돌아보며 에러 바운더리리액트의 클래스 컴포넌트는 라이프사이클 메서드를 제공한다. 오류 처리에 사용되는 라이프사이클은 다음과 같다.getDerivedStateFromError: 자손 컴포넌트 오류 발생할 때 호출(error 제공)componentDidCatch: 자손 컴포넌트 오류 발생할 때 호출(error, info 제공) 오류 경계, 즉 에러 바운더리(Error Boundary)는 오류가 발생해도 앱이 멈추지 않고 대체 UI(에러 메시지 등)를 보여주기 위해 사용한다. 리액트 앱에서 코드에 오류가 나면 전체 앱이 안 보일 수 있기 때문이다. 변수 이름을 잘못 쓰거나, 예상치 못한 에러가 나면 앱 전체가 멈춘다. 그.. 2025. 9. 10. 이전 1 다음 반응형