state란?

• React 에서 컴포넌트의 상태를 저장하고 , 값 변경 시 자동으로 렌더링이 되는 값

state로 관리해야 하는 경우

조건 : 값이 바뀔 수 있고 화면(UI) 에 영향을 주는 경우

ex. 입력창 값, 버튼의 클릭 여부, 모달 열림/닫힘, 탭 선택 상태, 서버에서 받아온 데이터

state vs 변수 구분법

• 값이 바뀌었을 때 UI를 다시 그려야 한다 → state
• UI와 무관하게 그냥 계산용이나 임시로 쓰는 값 → 변수(let, const) or useRef

**✨ 정리하자면!
"UI에 영향을 주는 값인가?"
"이 값이 바뀌면 화면이 다시 그려져야 하는가?"
→ YES면 state!