# error boundary

8개의 포스트
post-thumbnail

📆 23.03.24 - React Error Boundary 와 Suspense

runtime에 문제가 생겼을 때, 유저에게 에러메세지를 보여주는게 아니라 바로 error 페이지로 보내주는 라이브러리를 react-error-boundary 라고 한다. 설치 npm i react-error-boundary 라우터에 적용하기. tsx // App.ts

약 12시간 전
·
0개의 댓글
·
post-thumbnail

React의 선언형 에러처리(Error Boundary)

Error Boundary의 기본적인 사용법

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

Suspense, Error Boundary로 비동기 로딩, 에러 로직 공통화하기(feat. Next.js, React-Query)

Suspense, Error Boundary를 사용하여 선언적으로 깔쌈하게 비동기 로딩, 에러 로직을 공통화합니다.

2023년 1월 24일
·
1개의 댓글
·
post-thumbnail

React Error Boundary로 비동기 에러 잡아내기

비동기 에러를 처리하는 더 좋은 방법이 없을까? 고민하면서 공부한 결과 알게 된 unhandledrejection 이벤트로 비동기 에러 잡아내기

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

TIL(22.05.18)

일반적으로 리액트 프로젝트를 진행하다가 에러가 발생할 경우 전체 프로젝트가 올 스탑한다. 그리고 흰 화면만 멍하니 쳐다볼 뿐..에러 경계는 하위 컴포넌트 트리의 어디에서든 자바스크립트 에러를 기록하며, 깨진 컴포넌트 트리 대신 폴백 UI를 보여주는 React 컴포넌트다

2022년 5월 18일
·
0개의 댓글
·
post-thumbnail

그림으로 보는 React Error boundary - React 공식 Doc 참고

🤔 React 공식 Docs 에 기반하여 작성한 글입니다.JS component의 error는 React 상태 흐름을 방해하고 숨은 에러를 발생킨다. 이런 오류로 인해 app 전체를 정지시켜선 안되므로 "error boundary"가 등장했다.✨ Error bouna

2022년 4월 30일
·
0개의 댓글
·
post-thumbnail

[React] 에러 바운더리(Error Boundary)

에러 바운더리는 하위 컴포넌트 트리의 어디에서든 자바스크립트 에러를 기록하며 깨진 컴포넌트 트리 대신 폴백 UI를 보여주는 React 컴포넌트로 에러 경계는 렌더링 도중 생명주기 메서드 및 그 아래에 있는 전체 트리에서 에러를 잡아낸다.(React 공식문서 https&

2022년 4월 23일
·
0개의 댓글
·

실전 프로젝트 - 8

pwa, service-worker, redux-persist, sentry 적용

2021년 8월 31일
·
0개의 댓글
·