Refs
- 특정 DOM에 접근하기 위한 Hook
- DOM Focus를 지정하거나
DOM Value를 참조하거나
DOM 자체를 핸들링하거나(Modal 제어)
DOM 이외의 캐시데이터가 필요할 경우, 유용하게 사용.
-
jQuery는 브라우저의 DOM을 직접 제어함.
id, class, data 등으로 제어
속도가 느리다. -
React는 JSX 문법을 통해 DOM을 생성한다.
가상DOM으로 화면을 제어
id, class, data 등으로 제어할 수 없음.
속도가 매우 빠름 (메모리에서 가져오기 때문)
가상DOM을 제어하기 위해 useRef Hook이 필요.
차이 > 키보드를 누를때마다 컴포넌트가 재실행이 되지 않는다!
값 초기화
하지만 따로 상수를 만들어주면 setTimeout을 적어 줄 필요가 없다.
이렇게 refs를 사용!
