useRef()

❓ useRef() ?

특정 DOM을 가리킬 때 사용하는 함수

getElementById 와 같이, 함수형 컴포넌트의 어떤 부분을 선택 할 수 있게 해주는 방법

❗️여기서 DOM 이란 Document Object Model 의 약자

문서 객체 모델 이라는 것인데 html 문서의 태그들을 javaScript가 이용 할 수 있는 객체로 만든것이 문서 객체

import { useEffect, useRef } from 'react'
export default function Page(){
	const inputRef = useRef()
	useEffect(()=>{
    	inputRef.current?.focus()
    },[])
  return (
  	<input type="text" ref={inputRef}/>
  )
}

위와 같은 방식으로 useEffect와 혼용하여 렌더링 후 input 에 자동적으로 커서가 이동되어 있게 설정이 가능하다.