# DOM Ref

arch-spatula

useRef가 필요한 상황을 예시를 들어 설명해주세요 가장 많이 useRef를 사용했던 경우는 JSX에서 DOM을 선택하는 경우였습니다. hook의 본래 의도는 아닙니다. 하지만 많이 사용하면서 정착하게 되었습니다. 리액트의 라이프사이클의 영향을 받지 않고 값을 저장해야 할 때 활용합니다. 즉 값이 Props, State가 아닌 값으로 보관해서 갱신되어도 리렌더링을 시키지 않기 위해 활용합니다. DOM 노드의 위치나 크기를 측정하기 위해 활용합니다. 참고로 어떤 활용이든 Ref를 접미어로 붙이는 것이 컨벤션은 동일합니다. DOM Ref 리액트를 처음배우고 DOM을 조작하고 제어할 때 활용하는 방식입니다. 이렇게 DOM 선택을 할 수 있습니다. 참고로 custom hook으로 활용하기 위해 특정 DOM만 선택가능하도록 제네릭도 활용할 수 있습니다. 이렇게 하면 오직 input만 지정할 수 있게 만들 수 있습니다. 원래 의도한 활용법은 리액트의