[ Function Component ] React Hook

리액트 훅에서 state => useState 라는 API를 사용.

=> state부분

 

function component는 props나 state가 변경이되면, 전체호출 

그러나, useState를 사용하면 리액트가 데이터를 알아서 기억하고 리셋하지않는다.

반복실행이 되어도 동일한값을 메모리에 저장해놓기때문에 값은 업데이트되지않음!

 

useRef또한 리액트에서 제공하는 API인데,

새로운 레퍼런스를 만드는것이 아니라 한번 만들고  

메모리에 저장해놓고, 그것을 재사용한다.

 

useCallback도 존재.

 

useEffect : component가 업데이트 될때마다 호출이됨