230825 useRef

useRef에 대해 설명해주세요.

useRef는 React에서 제공하는 Hook 중 하나로 주로 DOM 요소 또는 컴포넌트에서 관리해야 하는 값들에 대한 참조를 생성하는데 사용된다. useRef를 사용하면 함수형 컴포넌트 내에서 변수를 선언하고, 해당 변수의 값이 변경되어도 컴포넌트가 다시 랜더링 되지 않는다. useRef는 .current 프로퍼티로 전달된 인자 initialValue로 초기화 된 변경 가능한 ref 객체를 반환하며, 반환된 객체는 컴포넌트의 전 생애 주기를 통해 유지됩니다. 따라서 useRef는 컴포넌트의 랜더링과 무관한 값을 저장하는데 사용된다.

이러한 특징을 가지는 useRef는 이전 상태와 현재 상태를 비교할 때 주로 사용된다. useRef를 사용하면 이전 상태와 현재 상태를 비교하여 변경된 상태에 따라 조건부로 컴포넌트를 랜더링 할 수 있고, 이전 상태와 현재 상태가 다르다면 특정 동작을 수행하거나 불필요한 업데이트를 방지하여 성능을 최적화할 수 있다. 또한 이전 상태와 현재 상태를 비교하여 사이드 이펙트를 관리하거나 상태의 변화를 추적할 수 있다.