상태 관리란?
상태 관리를 알기전에 상태를 어떻게 정의하고 있는 지 알아야 한다. 상태는 쉽게 말하면 데이터라고 말할 수 있다. 객체지향 프로그래밍에서는 기본 단위가 객체이고, 프론트엔드에서는 비슷한 개념으로 컴포넌트라는 용어를 사용하고 있다. 객체가 인스턴스 변수로 상태를 가지고 있듯이 컴포넌트도 상태를 가질 수 있다.
한 화면에서 여러 개의 컴포넌트들이 서로 협력하는 구조가 만들어지고 각 컴포넌트들은 상태를 공유하며 상호작용한다. 하지만 데이터가 변할 대마다 데이터에 관련된 dom을 일일히 찾아야 한다면 중복되는 코드가 많아지고 불필요한 dom 접근이 많아진다. 이 데이터들을 전역으로 쉽게 관리할 수 있게 해주는 것이 바로 상태관리이다.
상태 관리를 잘 활용하면 전체 데이터의 형태와 리스트를 한 곳에서 효율적으로 관리할 수 있다.
react에서는 대표적으로 MobX, Redux, Recoil의 library로 상태 관리를 한다.
frontend-react