개발에 대한 두서 없는 이야기

const [counter, setCounter] = useState(0); // 1번쨰 방법 setCounter(counter + 1) // 2번쨰 방법 setCounter((current) => current + 1); 둘 다 왠만한 상황에서는 문제가 없지만 많은 컴포넌트를 갱신하거나 데이터를 갱신하고, 또는 해당 useState를 많은곳에서 활용할때 1번째 방법은 문제가 발생할 수 있다. 리액트는 성능을 위해 state값 변경을 단일 업데이트로 한꺼번에 처리하기도 한다. 기본적으로 자바스크립트는 비동기 언어이므로 사용자가 의도하지 않은 순서, 의도되지 않은 시점에서의 동작이 될 수 있다 2번쨰의 경우 무조건 업데이트가 적용된 시점에서 더하기 때문에 오동작 우려가 없다