<aside> 🚩 Goal: useEffect에 대해서 알아보고 활용해봅니다.

</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 됐을 때 실행하고자 하는 함수를 제어하게 해주는 훅이다.
• 의존성 배열을 통해 함수의 실행 조건을 제어할 수 있다.