[기술면접] useEffect

useEffect

: 외부컴포넌트(react에서 지원하지 않는 것들)를 동기화 작업 할 수 있게 해주는 리액트 훅!

• 사용: useEffect(setup, dependencies?)
  • setup: 컴포넌트가 mount 될 때 실행되는 함수, 필요하다면 cleanup 함수를 추가할 수 있음.
    이후에 dependencies가 있을 경우 해당 값이 rendering 될 때마다 cleanup func 실행 후 setup func를 실행함.
    컴포넌트가 unmount 될 때 cleanup func가 마지막으로 실행됨.

• dependencies?: 필수로 포함시켜야 하지는 않음, 없을 경우 component가 리랜더링 될 때 마다 setup이 호출되어 성능이 저하될 수 있음

               포함시킬경우 해당 값이 변할 때만 setup func를 호출하여 성능 개선에 도움이 됨.

---

적용

• 외부 시스템과 연결
• 커스텀훅 구성
• 리액트로 구성되지 않은 widget 제어
• 데이터 fetching

Reference: https://react.dev/reference/react/useEffect#usage