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

수강 인증샷

---

패스트캠퍼스 챌린지란?

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

---

33일차

 33일차에는 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 02. Hooks 2 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 02. Hooks 2 강의에서는 useEffect에 대해 좀 더 자세히 알아보는 시간을 갖는다. useEffect를 컴포넌트 밖이 아닌 컴포넌트 안에서 불러내는 이유는 useEffect를 컴포넌트 내부에 둠으로써 effect를 통해 선언해 둔 state 변수에 접근할 수 있게 된다. 함수 범위 안에 존재하기 때문에 특별한 API 없이도 값을 얻을 수 있고 Hook은 자바스크립트의 클로저를 이용하여 React에 한정된 API를 고안하는 것보다 자바스크립트가 이미 가지고 있는 방법을 이용하여 문제를 해결한다. useEffect는 기본적으로 첫 번째 렌더링과 이후의 모든 업데이트에서 수행된다. React는 effect가 수행되는 시점에 이미 DOM이 업데이트되어있음을 보장한다. useEffect에 전달된 함수가 모든 렌더링에서 다르게 일어날 수 있는데 리렌더링하는 때마다 모두 이전과 다른 effect로 교체하여 전달한다. 이 점이 렌더링의 결과의 한 부분이 되게 만드는 점인데, 각각의 effect는 특정한 렌더링에 속한다.

---

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

 

---

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