useRef를 변수처럼 사용하기

useRef(초기값)

useRef는 DOM 조작을 위해서만 사용하는 줄 알았는데 useState와 비슷하게도 사용할 수 있었다
단, useRef에 담긴 값은 useRef.current에 저장되며 화면은 re-render 되지 않는다.
(state 또는 prop이 변하지 않았기 때문)

• useRef를 해당 페이지의 flag같은 전역변수로 사용해도 될 것 같다.
  • useRef가 바뀌어도 useEffect의 dependency에 영향을 주지 않아서 유용할 것 같진 않다.

useLayoutEffect

직접적으로 DOM을 조작할 땐 useEffect대신 useLayoutEffect가 더 좋다.

참고 문헌

• useRef 자세히 알아보기
• react 공식문서 useRef