import "./App.css";
import { useState } from "react";

function App() {
const [count, setCount] = useState(0);
// count를 바꿀수 있는 방법은 setCount이다
const plusButtonClickHandler = () => {
const newPlusCount = count + 1;
setCount(newPlusCount);
};

return (

<div>
  <div>{count}</div>
  <div>
    <button
      onClick={() => {
        const newCount = count - 1;
        setCount(newCount);
      }}
    >
      -
    </button>
    {/* // plusButtonClickHandler () 괄호를 넣으면 안됨! */}
    <button onClick={plusButtonClickHandler}>+</button>
  </div>
</div>

);
}

export default App;