문제

<input> 에 5를 입력하고 버튼을 클릭 시 출력되는 예상 값과 그 예상 값이 출력되는 이유를 설명해 주세요.

import { useState, useCallback } from "react";

function App() {
  const [num, setNum] = useState(0);

  const output = useCallback(() => {
    console.log(`${num}`);
    return;
  }, []);

  return (
    <div>
      <input
        type="number"
        value={num}
        onChange={(e) => setNum(e.target.value)}
      />
      <button onClick={output}>입력된 값 콘솔 출력</button>
    </div>
  );
}

export default App;

• 정답