react와 JavaSpringBoot 연동하기

[React] useState가 const 변수 값을 바꿀수 있는 이유

해당 글은 useState가 어떤 식으로 함수형 컴포넌트에서 동작하는지를 대략적으로 그림으로 시각화하여 소개합니다. 전역 변수로 선언된 cnt는 웹 페이지의 렌더링 횟수를 알려주는 것이며 버튼을 클릭했을 때 if (num == 1)이 언제 동작하는지를 예상해봅시다. 제가 작성한 코드에서 cnt는 렌더링의 횟수를 알기 위해서 선언했습니다. 위 그림에서는 처음 시작했을 때의 값이 0과 1이 console에 찍혀있으며, 버튼을 클릭할 때마다 [2, 3] -> [4, 5]가 찍혀있습니다. 이 말은 곧 렌더링이 한번에 총 2번 실행된다는 것이며 이는 React.StrictMode의 설정으로 인해 발생되는 것 이며 npx create-react-app 으로 생성하면 자동 설정이 되있습니다. StrictMode는 애..