useEffect vs useMemo vs useCallback vs useRef vs React.memo
📦 잡동사니 하나의 키워드를 잡고 좀 편하게 정리하고 싶어 만든 잡동사니는 조선 후기 학자 이 편찬한 에서 유래된 말이다.
잡동산이는 의 형태를 빌려온 책으로 구체적인 체계가 잡혀있지 않은 형식이다.
항목이 다소 난잡하고 내용의 구분이 혼동되어있다고 한다. 🤣 🗂️ useEffect vs useMemo vs useCallback vs useRef vs React.memo 훅들을 다시 복습하는데… 이 녀석들 정말 묘하게 아주 묘하게 다르다. 각각의 목적 그리고 이름에 담긴 의미, 활용을 간단하게 기록해두려 한다. useEffect 여기서 Effect란 를 의미한다. 리액트는 렌더링 결과물을 화면에 반영하는 것이 주목적이다. 이 때, 렌더링과 무관한 작업들을 라고 할 수 있다. 는 이러한 를 수행하기 위해 사용한다. 예를 들어 를 사용하여 요청을 보내거나, 를 남기거나, 를 설정할 수 있다. 위의 예시 코드에서 useEffect 내의 함수는 요청을 보내고, 함수를 반환한다.
이 …