useRef는 render메서드에 생선된 DOM노드나 React 엘리먼트에 접근을 가능하게 해준다!!
즉 태그에 접근이 가능하다는 뜻이다!!
컴포넌트 안에 변수를 관리할 때
useRef는 데이터가 바뀐 다고 리렌더링 되지 않는다!
즉 컴포넌트의 속성 정보를 조회 또는 수정할 때 사용한다!
특정 DOM 선택할 때
즉 특정 태그를 선택할 때 사용한다는 뜻이다!
ex) 컴포넌트에 focus를 위치시킬 때
먼저 import { useRef } from 'react';로 import 한다!
그리고 myRef = useRef(null);로 선언한다!
태그에 접근하기 위해 <input ref={myRef}/>
태그에 연결시켜 준다!
const onClick = () => { myRef.current?.click(); };
이런식으로 useRef를 사용한다!