인프런 커뮤니티 질문&답변

import "./App.css";

function App() {
  const count = 0;

  const increaseCountState = () => {
    count++;
  };
  return (
    <div className="App">
      <p>State : {count}</p>
      <button onClick={increaseCountState}>State 올려</button>
    </div>
  );
}

안녕하세요
1. useRef 를 공부하고 있는데 리액트의 변수를 관리할 때 state랑 useRef 를 사용하는 것은 알겠습니다.
그런데 왜 그냥 일반 변수에서 값을 수정하면 되는데 복잡하게 useRef를 사용할까요? 렌더링 그런것을 떠나서 useRef랑 일반 변수를 사용할 때 차이가 궁금합니다.

2. 리액트에서 저 코드가 왜 작동이 안될까요?