react useref focus

useRef 사용법

useRef란? 간단하게 말해서 .current 속성에 변경 가능한 값을 담고 있는 상자이다. 그래서 ref는 state와 비슷하게 어떤 값을 저장하는 저장 공간으로 사용될 수 있고 ref를 통해 DOM요소에 접근해서 여러 가지 일들을 할 수 있다. useRef의 특성 1. useRef는 렌더링을 발생시키지 않는다. State는 변경되면 자동으로 컴포넌트가 다시 랜더링이 된다. 하지만 Ref는 변경되어도 컴포넌트는 다시 렌더링 되지 않는다. 따라서 State 대신 Ref를 사용하면 불필요한 렌더링을 막을 수 있다. 2. 컴포넌트가 렌더링이 되어도 Ref 안에 저장되어 있는 값은 변화되지 않고 그대로 유지가 된다. 변화는 감지해야 하지만 그 변화가 렌더링을 발생시키면 안 되는 값을 다룰 때 유용하게 사용할..