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

수강 인증샷

---

패스트캠퍼스 챌린지란?

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

---

23일차

 23일차에는 Part 1. React 기초 Ch 02. 공식 문서로 디테일잡기(초급) 챕터에서 06. 컴포넌트 생명주기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 02. 공식 문서로 디테일잡기(초급) 챕터에서 06. 컴포넌트 생명주기 강의에서는 앞서 함수 컴포넌트에서 클래스 컴포넌트로 변환하는 방법에 대해 공부했다면 클래스 컴포넌트의 생명 주기를 알아보면서 클래스 컴포넌트의 기능들을 함수 컴포넌트에서는 어떻게 구현할 수 있는지에 대해 공부하는 시간을 갖는다. 클래스 컴포넌트에서 componentDidMount 기능은 함수 컴포넌트에서 useEffect로 대체할 수 있고 이와 같이 componentWillUnmount 기능은 함수 컴포넌트에서 useEffect의 return인 cleanup으로 대체할 수 있다. 생명 주기는 Render 단계와 Commit 단계로 나눌 수 있으며 Render는 순수하고 부작용이 없고, React에 의해 일시 중지, 중단 또는 재시작될 수 있다. 이때, constructor와 render가 실행된다. Commit 단계는 DOM을 사용하여 부작용을 실행하고 업데이트를 예약할 수 있다. 이때, componentDidMount, componentDidUpdate, componentWillUnmount가 실행된다. 

---

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

 

---

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