[React] useState vs useRef

이 글은 React의 Hooks 중 useState와 useRef의 차이점을 설명합니다. useState는 상태 변경 시 컴포넌트를 리렌더링하는 반면, useRef는 리렌더링 없이 값을 참조하거나 변경할 때 사용됩니다.

useState는 UI 업데이트가 필요한 상태 관리에 적합하며, useRef는 DOM 요소 접근, 타이머 ID 저장, 이전 값 저장 등 리렌더링 없이 값을 유지해야 하는 경우에 유용합니다. 두 훅의 동작 방식과 사용 사례를 비교하며, 언제 어떤 훅을 사용해야 하는지에 대한 명확한 가이드라인을 제시합니다.

이를 통해 React 개발자는 더 효율적이고 최적화된 코드를 작성할 수 있습니다.