intersection observer에서 useRef, useCallback을 사용해야 했는데, 이 훅들을 거의 처음 사용해봤기 때문에 정리해야 할 필요를 느꼈다. 노션에 정리하면 다시 안볼 것이 뻔하기 때문에 블로그에 박제해벌여야겠다 희희 ✨ useRef: DOM과 값의 저장소1. useRef란?컴포넌트 안에서 변하지 않는 값을 저장한다.state와 비슷해보이지만, useRef는 state와 다르게 값이 변경돼도 컴포넌트를 리렌더링 X.html 요소를 직접 가리키기 위해 사용된다. ex)스크롤 제어, 입력창에 포커스 주기import {useRef} from "react";function MyComponent() { const inputRef = useRef(); // 입력창과 연결(참조) ..