React

상태

독립적인 비공개 데이터

Hook

• Component의 최상단이나 use로 시작하는 함수의 최상단에서만 사용이 가능하다.

useEffect

DOM Commit 이후에 실행될 코드를 작성할 때 사용한다.

useEffect Hook의 실행 시점을 조정하고 싶을 때

• 종속성 배열이 없는 경우
  👉 항상 DOM Commit 이후에 실행된다.
• 종속성 배열이 빈 배열인 경우
  👉 최초 DOM Commit 이후에 실행된다.
• 종속성 배열에 상태를 요소로 넣은 경우
  👉 해당 상태가 변경되었을 경우의 DOM Commit 이후에만 실행된다.
• useEffect가 중첩되지 않도록 CleanUp에 신경써야 한다.
  👉 useEffect의 return에 CleanUp Function을 작성한다.