useState vs useRef vs 일반 JS 초기화
·
React
*GPT와의 채팅을 통해 정리한 글입니다. 리액트 컴포넌트 함수 내부에서 값을 저장하는 경우는 항상 발생합니다. 일반적으로 다음 세가지 방법을 통해 값을 저장합니다. useState useRef 일반 JS 초기화 이들의 특징과 차이에 대해 기록해두었습니다. useState const [count, setCount] = useState(0); React 컴포넌트의 상태 관리를 위해 사용됩니다. 상태를 변경하면 리렌더링이 발생합니다. → 그러므로 UI에 상태를 반영할 수 있는 것입니다. 리렌더링이 발생해도 값이 유지됩니다. useRef const count3 = useRef(0); DOM 요소를 참조하거나 지속성이 유지되는 값을 저장할때 사용됩니다. 값 변경 시 리렌더링을 유발하지 않습니다. 리렌더링이 발생..