Unserstanding Libraries2 [상태 관리 라이브러리] Redux 상태관리의 중요성과 라이브러리 지난 블로그에서 상태관리가 왜 중요한지 알게되었다. (https://dev-dailylog.tistory.com/54) 이 글에서 상태관리를 3줄 요약해보자. 1. 상태관리란 하나의 저장소에 상태를 보관해 놓는 것을 말한다. 2. 저장소에 보관된 상태가 필요한 어떤 컴포넌트가 있다. 3. 이 컴포넌트가 저장소에서 필요한 상태를 꺼내서 사용한다. 이렇게 상태 관리를 하려면 담당 라이브러리가 있어야한다. 상태관리 라이브러리에는 React Context, Redux, MobX 등이 있다. 이 중 Redux에 대해 알아보자. Redux란? Redux란 상태 관리 라이브러리 중 하나로 공식 문서에서는 다음과 같이 정의한다. "Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테.. 2023. 2. 24. [상태 관리 라이브러리] 상태를 관리해야 하는 이유 상태란 무엇인가? React에서 상태(state)는 무엇을 의미하는 것일까? 쉽게 말해 상태는 계속해서 변하는 데이터를 말한다. 이걸 UI, 프론트엔드 개발에서는 "동적으로 표현되는 데이터"라고 한다. React에서 컴포넌트의 상태가 바뀌면 재 렌더링이 일어난다. 아래의 예시를 통해 상태가 바뀌면 화면이 어떻게 바뀌는지 확인해보자. 위의 이미지는 쿠팡의 장바구니 이미지다. 만약 우리가 장바구니에 있는 물품의 수량을 1개에서 2개로 변경한다고 생각해 보자. 그럼 총 수량이 1개에서 2개로 바뀌면서 수량을 변경한 물품의 가격이 바뀐다. 제일 하단에 총 주문금액 또한 금액이 바뀐다. 데이터를 변경 해주니까 다른 데이터들도 변경된다. 이걸 다른 말로 표현하면 데이터가 동적으로 움직이고 있다고 할 수 있다. 이 .. 2023. 2. 23. 이전 1 다음
