Hooks

[Hooks의 개념과 useState, useEffec]

 

Hooks

 

 

 

 

 

 

 

useState

state를 사용하기 위한 Hook

 

 

setCount => useState를 사용하는 방법에서는 변수 각각에 대해 set 함수가 따로 존재!

 

 

 

 

---

 

 

 

 

useEffect

: Side effect를 수행하기 위한 Hook

 

Side effect

: 리액트에서는 효과, 영향을 의미함

다른 컴포넌트에 영향을 미칠 수 있으며, 렌더링 중에는 작업이 완료될 수 없기 때문

=> 리액트의 함수 컴포넌트에서 Side effect를 실행할 수 있게 해주는 Hook

 

 

 

 

 

 

 

 

---

 

 

 

useMemo

Memoized value를 리턴하는 Hook

 

Memoization?

최적화를 위해 사용. 연산량이 많이 드는 함수의 호출량을 기억해두었다가 같은 입력값으로 함수를 호출하면 새로 함수를 호출하지 않고, 이전에 저장해놨던 호출 결과를 바로 반환하는 것

 

 

Memoized value란?

그 결괏값