패스트캠퍼스 챌린지 15일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

15일차

 15일차에는 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 23. Error 다루기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 23. Error 다루기 강의에서는 catch Error란 JavaScript에서 많이 볼 수 있는데 api 통신이나 그 외 JavaScript에서 일어날 수 있는 에러들이 일어날 때 try catch와 같은 방식으로 try에 에러가 일어날 수 있는 코드들을 입력해놓고 에러가 났을 때 어떻게 처리할지 catch 이후 코드로 할 수 있었다. 여기 JavaScript 영역에서 나아가 React도 JavaScript를 다루기 때문에 React 영역에서 보면 어떤 부분에서 JavaScript의 오류로 React의 컴포넌트가 그려지지 않을 수 있다. 그런 에러가 났을 때 어떻게 에러를 핸들링할 수 있는지에 대해 배운다. 에러를 핸들링하기 위해 ErrorBoundary라는 클래스 컴포넌트를 만들어서 컴포넌트의 모음을 ErrorBoundary로 감싸면 에러가 난 컴포넌트가 어디에 위치하고 있는지 확인할 수 있다. 클래스 컴포넌트를 사용하는 이유는 에러가 났을 때 상태값을 어떻게 처리할 지 결정하는 함수를 클래스 컴포넌트에서만 제공하기 때문이다. 또한 Fallback으로 Error가 났을 때 보여줄 컴포넌트를 별도로 설정할 수 있다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC