useRef

useRef는 렌더링에 필요하지 않은 값을 참조할 수 있는 React Hook입니다.

useRef는 단일 프로퍼티 current를 가진 객체를 반환하고, 이 객체를 JSX 노드의 ref 어트리뷰트로 전달하면current 프로퍼티의 값을 설정할 수 있습니다.

ref를 사용하면 다음을 보장합니다:

• (렌더링할 때마다 재설정되는 일반 변수와 달리) 리렌더링 사이에 정보를 저장할 수 있습니다.
• (리렌더링을 촉발하는 state 변수와 달리) 변경해도 리렌더링을 촉발하지 않습니다.
• (정보가 공유되는 외부 변수와 달리) 각각의 컴포넌트에 로컬로 저장됩니다.

ref는 컴포넌트의 시각적 출력에 영향을 미치지 않는 정보를 저장하는 데 적합합니다.

https://ko.react.dev/reference/react/useRef