useState

상태 업데이트를 함수형으로 처리하는 이유

useState 훅에서 상태 업데이트를 함수형으로 처리하면 항상 최신 상태를 유지할 수 있습니다. 이는 React의 상태 업데이트의 비동기적인 특성과 관련이 있습니다.
일반적으로 useState 훅을 사용하여 상태를 관리할 때, 상태를 업데이트하는 함수를 호출하면 React는 해당 업데이트를 예약하고 나중에 처리합니다. 이는 React의 내부 메커니즘에 의해 처리되며, 상태 업데이트가 즉시 반영되지 않을 수 있습니다.
하지만 상태 업데이트 함수를 함수형으로 작성하면 항상 최신 상태를 유지할 수 있습니다. 함수형으로 상태를 업데이트할 때 React는 이전 상태 값을 보장하고 업데이트 함수를 실행합니다. 따라서 이전 상태를 의존하는 복잡한 로직이 있을 때, 함수형으로 상태를 업데이트하면 항상 최신 상태를 기준으로 작업을 수행할 수 있습니다.

양방향 바인딩이란?

양방향 바인딩(Two-way binding)은 데이터의 변경이 화면에 반영되는 동시에 화면의 변경이 데이터에도 반영되는 데이터 바인딩 방식입니다.
사용자가 UI 요소를 조작하면 데이터 모델이 업데이트되며, 데이터 모델이 변경되면 UI에 자동으로 반영됩니다.
ex) input value를 useState에 업데이트하고, submit 했을때 useState의 상태를 ''로 초기화 시켜주면 useState와 value로 연결되있는 input 박스를 ''로 바꿔줌.