개발 블로그

리액트 네이티브로 두번째 어플을 개발중인데 setTimeout 을 사용하여서 기능 개발중인 것이 있다. 근데 개발을 하던 중 모르던 사실을 발견하여 기록한다. 리액트에서 setTimeout 내에서의 state는 setTimeout을 정의할때의 state값을 계속해서 사용한다. 예를들어, const [count, setCount] = useState(0); useEffect(() => { setInterval(() => { console.log(count); setCount((prev) => prev + 1); }, 1000); }, []); 이렇게 하면 0 1 2 3 4 ... 이렇게 찍힐 것 같지만 실제로는 0 0 0 0 0 ... 이렇게 찍힌다. 그렇다고 count 값이 계속해서 0은 아니다. set..