리액트 훅(Hook) 컴포넌트에 기능을 추가할 때 사용하는 함수 (컴포넌트에 상태 값 추가, 자식 요소에 접근 등) 훅 사용 시 꼭 지켜야 할 규칙 1. 하나의 컴포넌트에서 훅을 호출하는 순서는 항상 같아야 한다. 2. 훅은 함수형 컴포넌트 또는 커스텀 훅 안에서만 호출되어야 한다. ref는 'DOM을 꼭 직접적으로 건드려야 할 때' 사용해야 한다 DOM을 꼭 사용해야 하는 상황 특정 input에 포커스 주기 Scroll 위치 조작하기 애니메이션 적용 setTimeout, setInterval을 통해서 만들어진 id 외부 라이브러리를 사용하여 생성된 인스턴스 Canvas 요소에 그림 그리기 등 useRef Hook 함수형 컴포넌트에서 ref를 쉽게 사용할 수 있도록 해 준다! DOM 노드, 엘리먼트, R..