HTML 삽입 미리보기할 수 없는 소스 Redux 구현의 흐름 redux를 사용하려면 어떻게 할까? 정형화된 순서가 있는 것도 아니고 사람마다 또 개발 환경마다 천지차이를 보이겠지만 나에게는 어느정도 가이드라인이 필요할 것 같아서 정리를 해보려고 한다. 컴포넌트를 설계하고 Redux를 활용한 상태관리까지 구현하고자 할 때 개발의 순서는 아래와 같을 수 있다. (단계별 구체적인 코드나 예제는 제외했다. Redux 사용의 큰 흐름만 잡는 것이 이 글의 목적이다.) 1. 부품화(컴포넌트화) 재사용과 가독성을 위해 구현하고자 하는 여러 기능들을 컴포넌트화 한다. 주로 기능별 jsx, js 파일을 분리하는 식으로 이뤄진다. 2. Reducer 정의 및 Store 생성하기 우리는 한 Application 내에서 흐..
HTML 삽입 미리보기할 수 없는 소스 Redux ? : 애플리케이션의 복잡성을 낮추고, 코드가 가져올 결과들을 예측 가능하게 만들어주는 도구 : 리액트와는 독립적인 도구임! 핵심 기능 store state 직접 접속할 수 없는 데이터 reducer state 가공함수의 집합 dispatch로부터 전달받은 action에 대응하여 특정 행위 수행 state를 입력값으로 하고 action을 참조하여 새로운 state 값을 만들어 리턴 dispatch reducer 호출 후 state 값 변경 reducer에게 현재 state와 action 객체 전달 subscribe state 값이 바뀔 떄마다 자동 렌더링 제공 getState 직접적인 데이터 공급 수행 action 웹 app 에서의 요청사항을 담은 객체 ..