useState와 useEffect는 리액트 개발에서 밥 먹듯이 사용되는 훅이다. useState는 '상태와 상태 업데이트 함수를 정의하는 훅'이고, useEffect는 '리렌더링 후 부수 효과를 처리해 주는 훅'인데, 각각에 대한 정의와 사용법은 알고 있지만 정확한 동작에 대해선 이해하는 데 어려움이 많았다. 이번 포스트에선 해당 내용에 대해 최대한 상세하게 정리해두려 한다.useState 상태 업데이트 과정아래와 같이 상태를 정의해뒀다.input 태그에서 onChange 이벤트가 발생할 때마다 상태를 변경해 준다. 실제로 상태가 잘 변경되는지 확인하기 위해 useEffect도 함께 사용해 줬다.import { useEffect, useState } from 'react';const App = () =..
