상태(state)

폼에 잔뜩 입력하다 실수로 새로고침했는데 전부 날아간 경험, 다들 있죠. “왜 방금 친 게 다 사라져요?” 이 억울한 순간에 등장하는 개념이 상태예요.

상태는 화면이 지금 기억하고 있는 값이에요. 입력창에 친 글자, 토글의 켜짐/꺼짐, 장바구니에 담은 개수 같은 것들이요. 화면의 단기 기억이라고 보면 돼요. 문제는 이 기억이 대개 임시라는 거예요. 새로고침하면 기억을 잃고 처음 상태로 돌아가요.

“화면이 지금 뭘 기억하고 있나?”를 다루는 게 상태예요.

그래서 값을 오래 남기려면 상태만으로는 부족하고, 데이터베이스 같은 진짜 저장소가 필요해요. 상태는 ‘지금 이 순간의 기억’, 데이터베이스는 ‘영구 보관’이에요. 바이브코딩에서 “왜 값이 안 남아요?” 하는 버그의 상당수가 이 둘을 헷갈리는 데서 와요. 상태에만 담아두고 저장은 안 한 거죠.