useCallback

함수 다시 안만들어지게 하는 것

잘못 사용한 예

    const onClickCountState = useCallback(() =>{
        setCountState(countState + 1)
    },[])

현재 카운트 스테이트도 같이 기억해서
카운트를 올려도 증가되지 않음

-> prev 사용

    const onClickCountState = useCallback(() =>{
        setCountState(prev => prev + 1)
    },[])

바뀌게 하려면 의존성 배열 부분에 변수 넣어주면 됨

값이 다시 만들어질 필요없는 변수들에 useCallback을 주로 사용한다.

사용하면 안되는 경우?
-> 의존성배열(dependency array)의 크기가 커지는 경우
다시 만드는 것이 나음