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

수강 인증샷

 

---

패스트캠퍼스 챌린지란?

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

---

32일차

 32일차에는 분량 조절 실패로 인해 작성하지 못했던 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 01. Hooks 1 강의 내용 나머지와 02. Hooks 2 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 01. Hooks 1 강의에서 Hook 사용 규칙에 대해 알아보는 시간을 갖는다. Hook은 그냥 JavaScript 함수이지만, 두 가지 규칙을 준수해야 한다. 첫 번째 규칙은 최상위에서만 Hook을 호출해야 하는 것이다. 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행해서는 안된다. 두 번째 규칙은 React 함수 컴포넌트 내에서만 Hook을 호출해야 하는 것이다. 일반 JavaScript 함수에서는 Hook을 호출하면 안된다. 다음으로 useState 관련 내용을 보충하자면, 함수 컴포넌트를 사용하던 중 state를 추가하고 싶을 때 클래스 컴포넌트로 바꾸곤 했지만 Hook의 등장 덕분에 함수 컴포넌트에서 useState를 이용하여 state를 다룰 수 있다. 마지막으로 useEffect 관련 내용을 보충하자면, useEffect Hook을 이용하여 우리는 React에게 컴포넌트가 렌더링 이후에 어떤 일을 수행해야 하는 지 말하고 React는 우리가 넘긴 함수를 기억하고 있다가 DOM 업데이트를 수행한 이후에 불러낼 것이다.

 

---

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

 

---

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