Redux 5형제 소개 store 스토어는 상태가 관리되는 단 하나의 공간이다. 컴포넌트에서 상태 정보가 필요할 때 스토어에 접근한다. action 액션은 앱에서 스토어에 운반할 데이터를 말한다. 자바스크립트 객체 형식으로 되어있다. reducer와 소통하는 도구(주문서)라고 생각하면 편하다. reducer 데이터를 수정하는 함수. action은 store에 바로 전달되는 것이 아니다. action은 reducer에 전달되며, 이 함수가 주문을 보고 store의 상태를 변경해준다. action을 reducer에 전달하기 위해서는 dispatch() 메서드를 사용해야한다. dispatch action을 발생시켜 reducer를 호출해 state를 변경시킨다. subscribe state 값이 변하는지 확인..
Redux Redux(이하 리덕스)는 자바스크립트 상태관리를 위한 라이브러리이다. react를 사용하면서 리덕스를 접하는 경우가 많아 react의 상태 관리를 위한 라이브러리라고 생각할 수 있는데, 정확히는 자바스크립트 상태관리를 위한 라이브러리이다. 리덕스를 사용하는 이유는 다음 그림을 보면 한 번에 이해할 수 있다. (사실, 리덕스를 공부하는 사람들은 왜 사용하는지는 경험으로 알고 있을 것 같다.) props drilling 컴포넌트 간의 정보공유에 대해 알아보자. 자식 컴포넌트 간의 직접적인 데이터 전달은 불가능하다. 대신, 상태를 관리하는 부모 컴포넌트를 통해 데이터를 주고 받을 수 있다. 그런데 자식이 많아지거나 손자, 증손자 등이 늘어나면 상태 관리가 매우 복잡해진다. 이를테면 a,b,c,d ..
