1. State란 무엇인가?

1-1. State의 정의

• *State(상태)**란

👉 컴포넌트 내부에서 관리되는, 화면에 영향을 주는 데이터입니다.

• 값이 변경되면
• React가 자동으로 컴포넌트를 다시 렌더링

📌 React는

❌ “DOM을 직접 바꾼다”

✅ “상태를 바꾼다”

1-2. State가 필요한 이유

기존 JavaScript 방식:

document.querySelector("#count").innerText = count;

문제점:

• DOM 직접 조작
• 화면 로직이 분산됨
• 복잡해질수록 유지보수 어려움

React 방식:

• 상태만 변경
• 화면 갱신은 React가 처리