<aside> 🚩 [학습 목표]

1. useEffect hook을 학습하게 돼요.
2. 의존성배열 및 clean up에 대해 이해하게 돼요.

</aside>

1. useEffect

• (1) useEffect는 언제 사용할까?
• (2) 코드로 보는 useEffect 기초
• (3) useEffect와 리렌더링(re-rendering)

2. 의존성 배열

• (1) 의존성 배열(dependency array) 이란?
• (2) 코드로 보는 의존성 배열 → 의존성 배열이 빈 배열인 경우
• (3) 코드로 보는 의존성 배열 → 의존성 배열에 값이 있는 경우

3. clean up

<aside> 🚫

클린 업 예제코드에서는 우리가 배우지 않은 패키지를 사용하기 때문에, 실제 코드 구현은 하지말고 아래 코드만 보고 학습을 진행해주세요. 향후에 클린업을 한번 더 다루겠습니다. 👍

</aside>

• (1) 클린 업 이란?
• (2) 클린 업 하는 방법
• (3) 클린 업 활용해보기

4. 정리

• useEffect는 화면에 컴포넌트가 mount 또는 unmount 됐을 때 실행하고자 하는 함수를 제어하게 해주는 훅이다.
• 의존성 배열을 통해 함수의 실행 조건을 제어할 수 있다.
• useEffect 에서 함수를 1번만 실행시키고자 할때는 의존성 배열을 빈 배열로 둔다.