리액트 useRef

리액트에서는 실제 DOM이 아닌 가상 DOM을 다루기 때문에 바닐라 js에서처럼 document.getElementById() 같은 함수를 쓸수 없다.
그래서 리액트는 Ref라는 것을 이용해 태그를 변수에 저장해서 쓰고 특히 함수형컴포넌트는 hook 중에서 useRef을 사용한다.

useRef

import {useRef} from 'react'

const inputRef = useRef()

//인풋 태그에 focus 되도록 함수 호출
useEffect(()=>{
		inputRef.current?.focus()
	})

//jsx 부분
// Ref를 적용하고 싶은 input태그 바인딩
<input type="text" ref={inputRef}/>