useRef

1. useRef가 필요한 상황을 예시를 들어 설명해주세요.

1. React는 가상돔과 리얼돔을 비교하여 가상돔의 변경사항이 일어난 부분만 리랜더링 하는 방식으로 동작 / 직접 DOM 요소에 접근 하는 것을 지양함.
2. 직접 DOM 요소에 접근해야 하는 경우에 useRef 사용
   1. input 태그 포커스
   2. 커스텀 모달 엘리먼트 외부영역 클릭
   3. 스크롤 이벤트
   4. 리랜더링 되어도 객체의 값이 유지 → 특정 상태의 이전 값을 리랜더링 이후 비교해야 하는 경우에도 사용 가능
3. useRef와 useState 차이 → 값이 변경되었을때 리랜더링 발생 여부