[React] useRef

useRef는 특정 DOM을 직접 선택하여 사용 할 수 있게 해주는 hook이다. React 개발 시 DOM을 직접 선택하여 작업을 해야 할 경우( element 크기, scroll 위치, focus 등) 사용 할 수 있다.

 

useRef를 통하여 접근하고자하는 tag에 ref값에 넣어준다. ref.current로 선언을 하면 선언 된 tag의 DOM을 가르키게 되어 DOM을 직접 컨트롤 할 수 있게된다.