짹뚜 스튜디오

javascript에서 특정 DOM은 선택해야 하는 경우에는 querySelector와 같은 DOM Selector 함수를 사용을 한다. React에서도 간혹 특정 DOM을 선택해야 하는 경우가 있다. 특정 엘리멘트의 크기를 가져올 때 현재 스크롤의 위치를 가져올 때 미디어를 실행 또는 정지 할 때 애니메이션을 적용할 때 DOM 기반 라이브러리를 사용할 때, 등등 이럴 때 사용할 수 있는 것이 useRef이다. useRef로 DOM 노드, 엘리멘트 그리고 React 컴포넌트의 주소 값을 참조할 수 있다. const textInput = useRef(null); return( ) 이렇게 가져온 주소값은 컴포넌트가 re-render 되어도 바뀌지 않는다. 그리고 useRef로 관리되고 있는 변수의 주소 값이..