codingPpushu's dev story

Ever tried. Ever failed. No matter. Try Again. Fail again. Fail better.

0%

TIL-210508

What?

React Project - Shop
Lifecycle Hook useEffect Hook setTimeout()/clearTimeout()
  • Lifecycle Hook
    • Lifecycle : 컴포넌트는 어떻게 살다 죽는가
      • 생성 될 수 있고
      • 삭제 될 수 있고
      • 관련 state가 변경되면 재렌더링(업데이트)이 일어날 수 있다.
    • Hook : 컴포넌트 중간 Hook을 걸 수 있다. (참견)
  • useEffect Hook
    • function 컴포넌트에서 사용하는 Hook
    • 요즘 많이 사용 (약간 더 짧고 쉽기 때문)
    • 실행조건
      • mount 끝났을 때
      • update 되고난 후에
    • useEffect()는 컴포넌트 등장과 업데이트가 되고나서 항상 실행됨
  • setTimeout()
    • 사용후 꼭 해제해야됨 => clearTimeout()