리액트 useRef

🎯 useRef JS에는 document.get~/query~를 사용해서 DOM 다룬다. React에서는 useRef()hook 함수를 사용한다. 특정 DOM을 가리킬 때 사용하는 Hook 함수. 리액트에서 document api를 이용해서 DOM을 다루면 비효율이 나올 수 있다. 📝 화면 뜨자마자 input에 포커스 주기 const rootElement = document.getElementById('root'); const App = () => { const inputRef = React.useRef(); const divRef = React.useRef(); React.useEffect(() => { inputRef.current.focus(); setTimeout(() => { divRef.cur..