왜쓰지??

ex) const refContainer = useRef(initialValue);

ps. 리액트에서는 js와는 달리 어떤 조건없이 dom을 직접적으로 접근할 수 없다.

React에서 state로만 해결할 수 없고, DOM을 반드시 직접 건드려야 할 때

• 값 저장 : 현재 저장하고 싶은 값을 re-rendering없이 저장할 수 있다. (react life-cycle과 분리되어 있다고 생각하면 됨)
• DOM 참조 : DOM을 참조할 수 있다.
  (현재 DOM에서 element의 scroll위치, image의 size 등을 참조할 수 있다.)
  ※ 참고 : useState로 관리하게 되면, rendering이 계속 발생하므로 비효율적이고, 코드짜기가 어려워진다.)

https://chanhuiseok.github.io/posts/react-7/
https://jiiiihong.tistory.com/entry/useRef-%EB%9E%80