디자이너의 코딩노트 디자이너의 코딩노트

React를 처음 배울 때 가장 헷갈렸던 것 중 하나가 useState였다. 변수인데 왜 이렇게 복잡하게 쓰는 건지 처음엔 이해가 안 됐다. 포트폴리오 사이트와 모바일 웹앱을 만들면서 직접 써보고 나서야 "아, 이래서 쓰는 거구나"가 됐다. 메뉴 열고 닫기, 리스트 클릭하면 뜨는 모달 팝업 — 이런 것들이 다 useState로 만들어진다. 개념부터 실제 사용 방식까지 정리했다. useState가 뭔가 — 변하는 값을 저장하는 것 React에서 일반 변수는 값이 바뀌어도 화면이 다시 그려지지 않는다. 클릭했을 때 뭔가 바뀌어 보이게 하려면 화면을 다시 렌더링해야 하는데, 그 역할을 하는 게 useState다. 쉽게 말하면 — "이 값이 바뀌면 화면도 같이 바꿔줘"라고 React에게 알려주는 방식이다..