React, useRef 란 ?

useRef를 시작하기 앞서

📌 변수 vs useState

React를 공부하면서 JS를 사용하던 나에게 가장 센세이션이였던것!!
바로 변수를 쓰지않는것이였는데
그 이유는 바로 변수의 값에 변동이 있어도 UI에 반영되지않기 때문이다.
또한 변수는 렌더링이 되어지는 순간 값이 초기값으로 돌아간다는것!!!

그렇다보니 우리가 useState를 사용하게되었는데
이 useState의 문제점이 있었다.
바로 우리가 UI에 보이든 보이지않든 useState를 때려넣는다는 것이다. (그러다보면 성능 ↓ )

그래서 이런 useState와 useRef의 장점을 섞어놓은것이 바로 useRef라는것!!!

useRef란 ?

useRef는 저장공간 또는 DOM요소에 접근하기 위해 사용되는 React Hook이다. 여기서 Ref는 reference, 즉 참조를 뜻한다.
쉽게 말해 값이 유지되는 변수라 생각하면 쉽다. ( UI가 보여지지 않아도 되는 변수!)