useRef란?
두 가지 용도로 쓰인다.
1) DOM 참조
const inputRef = useRef(null);
return <input ref={inputRef} />;2) 가변 값 보관
ref.current 변경은 리렌더를 트리거하지 않음. stale closure 회피, 타이머 ID 보관 등에 활용.
DOM 참조나 렌더와 무관한 가변값을 담는 React 훅.
두 가지 용도로 쓰인다.
const inputRef = useRef(null);
return <input ref={inputRef} />;ref.current 변경은 리렌더를 트리거하지 않음. stale closure 회피, 타이머 ID 보관 등에 활용.