React/React
[React] 렌더링과 관련 없는 값 참조를 위한 useRef
1. useRef리액트에서 DOM 요소나 특정 값을 참초할 때 렌더링과 관련없이 값을 유지할 수 있도록 해주는 훅(Hook)이 useRef() 이다.Ref는 reference 참조의 줄임말이다.const ref = useRef(initialValue); 일반적으로 컴포넌트 최상위 레벨에서 위와 같이 선언한다.이렇게 선언한 값은 { current : initialValue } 객체를 반환하고, 값을 변경할 때 current 를 사용하여 접근한다. 2. useRef() / useState() 비교* useRef()- 이전 값과 새로운 값을 연결하고, 렌더링과 관련없이 값이 유지되어야 할 때 사용- DOM 요소나 외부 라이브러리 인스턴스와 같이 렌더링과 직접적인 관련이 없는 값들을 저장할 때 사용 * use..