# error boundary

18개의 포스트
post-thumbnail

Error Boundary를 사용해 효율적으로 에러 핸들링하기

Error Boundary에 관한 고찰 & 적용기

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

[번역] 유연하게 React 오류 처리하기 - 내결함성과 Error Boundary

프론트엔드 오류가 제대로 핸들링되지 않으면 사용자 경험에 큰 영향을 미칩니다. React의 오류 핸들링 방식인 Error Boundary를 어떻게 가장 효과적으로 사용할 수 있을까요?

2023년 11월 4일
·
0개의 댓글
·
post-thumbnail

[React] Error boundary, Suspense 써보기 with React Query, Wagmi

글만으로는 Concurrent UI Pattern을 사용한 선언형 컴포넌트의 장점이 잘 와닿지 않았다.Concurrent UI Pattern을 사용하지 않은 컴포넌트를 「명령형 컴포넌트」로, Concurrent UI Pattern을 사용한 컴포넌트를 「선언형 컴포넌트」

2023년 10월 24일
·
0개의 댓글
·

[React] Error Boundary

React에서 ☄️에러를 핸들링하기위한 기술

2023년 10월 13일
·
0개의 댓글
·
post-thumbnail

React - Error Boundary

웹 앱을 구축하는 것은 복잡한 과정이다. 때때로 문제가 발생하게 되며, 이런 문제를 완전히 막을 수는 없다. 예상치 못한 방식으로 오류가 발생할 것을 예상하고 그에 대응할 준비가 되어 있어야 한다. 이를 위한 Error Boundary를 알아보고 직접 만들어 보자.

2023년 9월 17일
·
0개의 댓글
·
post-thumbnail

[프로젝트] 에러 처리하기

현재 프로젝트에서는 대부분의 통신에 React Query를 사용하고 있다. 리액트 쿼리 적용 후 요청의 상태(성공/실패/로딩)에 따라 어떤 행동을 하라고 지정하기 쉬워져서 삶의 질이 달라진 기분이었다.덕분에 특정 요청에 에러가 발생했을 때 해당 에러를 처리하는 것은 할

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

비동기 데이터 패칭의 로딩, 에러 상태 분리하기 (with Tanstack Query, Suspense, Error Boundary)

비동기 데이터 패칭 패턴 컴포넌트에서 외부 데이터를 패칭해 사용하는 경우 아래와 같은 패턴을 많이 사용합니다. 위와 같은 패턴은 아무 이상없이 잘 작동하지만 데이터 패칭의 에러, 로딩, 성공 상태를 모두 한 컴포넌트 안에서 다루기 때문에 코드가 복잡해지며 비즈니스 로

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

[main project day 23] Error-boundary 학습 및 적용

React: 에러 처리의 최후의 보루, Error Boundary

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

Error Boundary, Suspense

Error Boundary 와 Suspense

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

react error boundary class

https://www.digitalocean.com/community/tutorials/react-error-boundariesimplementaionMyErrorBoundaryExample 클래스는 React.Component를 상속받아 Error Bound

2023년 4월 3일
·
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개의 댓글
·