자바스크립트 전역변수와 리액트 상태관리(useState) 차이점

자바스크립트 전역변수와 리액트 상태관리(useState) 차이점 웹 개발을 하다 보면 데이터를 저장하고 공유하는 방식으로 전역변수와 리액트의 상태관리(useState)를 자주 접하게 됩니다. 둘 다 데이터를 담는다는 공통점이 있지만, 동작 원리와 활용 방식에는 큰 차이가 있어요. 1.

전역변수(Global Variable) 정의: 자바스크립트 어디서든 접근 가능한 변수 특징 선언된 범위(전역 스코프) 안에서 모든 코드가 접근 가능 값이 바뀌어도 화면이 자동으로 갱신되지 않음 코드 규모가 커질수록 의도치 않게 값이 변경될 위험이 큼 (Side Effect) 예시 let count = 0; function increase() { count++; console.log(count); // 값은 바뀌지만 화면 갱신은 없음 } 2. 리액트 상태관리 (useState) 정의: 리액트 컴포넌트 내부에서 사용하는 상태 관리 Hook 특징 상태 값이 바뀌면 해당 컴포넌트가 자동으로 리렌더링 → UI ...