Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 프론트엔드
- 리액트쿼리
- 프로그래머스
- next13
- 자바스크립트 알고리즘
- JS
- 자바스크립트
- 알고리즘문제풀이
- Baekjoon
- Next
- CSS
- 제로베이스
- JavaScript
- HTML
- 자바스크립트 문제풀이
- 자바스크립트 문제
- 자바스크립트 연결리스트
- Next.js13
- 리액트
- lodash
- 객체 프로퍼티
- 타입스크립트
- leetcode
- til
- stack문제
- 자바스크립트코딩테스트
- NPM
- leetcode문제풀이
- 자바스크립트 알고리즘 문제
- 자바스크립트 문제 풀이
Archives
- Today
- Total
목록ErrorBoundary (1)
코드노트
리액트(컴포넌트) 에러처리 ErrorBoundary ... class...
JS에서 try/catch를 사용한 것 처럼 리액트에서 에러를 다루는 ErrorBoundary를 사용해보려고 한다. class문법으로 생긴걸 보고 정이 가지 않았지만.. 왜 ErrorBoundary를 사용해야할까? try/catch - 코드 블록 내에서 발생하는 오류를 처리한다. - 이벤트 핸들러, 비동기 코드, ssr 등등에서 try/catch를 사용한다. ErrorBoundary - 우리는 React를 통하여 컴포넌트를 사용하여 구현한다. 여기서 컴포넌트중 하나가 에러가 발생하게 되면? 한곳에서 발생하게 되는 에러때문에 App은 멈추게 될것이다. - try/catch를 사용했던것처럼 리액트에서는 Error Boundary를 통해서 에러를 핸들링 할 수 있다. - 쉽게말하면 렌더링 또는 하위 구성 요소..
Code note/리액트
2023. 4. 12. 20:15