반응이 한 박자씩 늦는다는 말은, 어떠한 동작을 했을 때 변경점이 바로바로 업데이트되지 않고 다음 동작을 했을 때에야 이전 변경점이 나타난다는 말이다. 시작 시간과 종료 시간을 입력하면 총 시간을 계산해서 보여주고자 했다. 그런데 자꾸 이렇게... 잘못된 값을 보여주는 것이다. 이것은 React의 state 관리 메커니즘과 관련이 있는 문제이다. 1. state가 변경됨 -> 렌더링이 트리거됨 2. 리액트의 state 업데이트는 비동기적 (안 기다림)으로 이루어지므로 렌더링 시 기존 state 값이 사용됨 3. 다음 state 변경이 발생하면, 현재의 변경 전 state 값인 1번에서 변경한 그 값을 이용해 렌더링됨 그래서 useEffect를 이용해 html 렌더링이 끝나고 브라우저에서 state를 업데..
