📋 기억하고 싶은 내용
- componentDidMout는 첫 번째 렌더링된 직후에만 실행된다.
- React로부터 Class를 제거할 계획은 없다.
- Hook은 존재하는 코드와 함께 나란히 작동함으로써 점진적으로 적용할 수 있다.
📌 useEffect
- useEffect는 React class의 componentDidMout나 componentDidUpdate, componentWillUnmout와 같은 목적으로 제공되지만, 하나의 API로 통합된 것이다.
- useEffect의 두 번째 인자에 빈 배열을 넣게 되면 componentDidMout처럼 동작한다.
- useEffect의 두 번째 인자를 넣지 않으면 componentDidMout와 componentDidUpdate처럼 동작한다. (배열을 아예 넣지 않고 사용하는 것은 거의 없음)
- 두 번째 배열을 의존성 배열(Arrat dependencies)라고도 한다.
- return문은 componentWillUnmout처럼 동작한다.
- 데이터를 가져오거나 수동으로 DOM을 수정할 때 많이 사용한다.
- return문과 의존성 배열은 optional이다.
🔗 참고 래퍼런스
건강한 몸과 마음에서 건강한 코드가 태어난다 !