코드로 올리면 괄호 다 날라가서 사진으로 올림.


위 코드의 결과는 첫 번째 렌더링될 때 다음 콘솔로그가 뜸.

outside of useEffect, but inside of component foo: true

---inside JSX--- foo: true

RE-RENDERED foo: true

RE-RENDERED foo: true


처음 버튼 누르면 다음 콘솔로그가 뜸.

outside of useEffect, but inside of component foo: false

---inside JSX--- foo: false


다시 버튼 누르면 다음 콘솔로그가 뜸.

outside of useEffect, but inside of component foo: false

---inside JSX--- foo: false


다시 버튼 누르면
콘솔로그 없음.

처음 버튼 누를때까진 이해가 가는데

왜 버튼을 2번 누르는 것까지 콘솔로그가 뜨는거지? 어차피 useState를 통해서 상태를 변경하는데 이전 상태랑 같은데...