SUIN

Redux 상태관리 흐름도 스토어 - 데이터 저장하는곳 리듀서 - 데이터를 실제로 수정되는 공간 흐름도 순서 A Component 에서 Store에 있는 구독중 A Component 에서 Action dispatch Reducer 에서 새로운 상태 값을 만든다(실제 data 수정이 일어난다) 변경된 새로운 상태값은 Store 저장된다 Store에서 구독중인 Component에 수정된 데이터를 넘겨준다(알려준다) A Component re-rendering DOM에 변경된 data 확인

- 테스트 영상 - Redux >modules> Card.js initialState => state 초기값 생성 Action Creators => Create Reducer=> new_card_list에 state값 추가 // card.js // ---- Actions ---- const CREATE = "card/CREATE"; //---- 초기값 ----- const initialState = { card: [ { word: "Lorem", explanation: "Ipsum is simply dummy ", example: "It is a long established fact that a reader ", }, { word: "Lorem", explanation: "Ipsum is simply ..

Redux 리덕스는 리액트에서 가장 많이 사용되는 상태 관리 라이브러리 중 하나이다. 공식 사이트 : https://ko.redux.js.org/introduction/getting-started/ Redux 용어 더보기 State, Action, Action Creator, Reducer, Store, Dispatch, Subscribe, Selector State 리덕스에서는 저장하고 있는 상태값을 State라고 한다. 딕셔너리 형태({[key]: value})형태로 보관할 수 있다 Action(액션) 상태에 변화가 필요할 때 발생하는 것 {type: 'CHANGE_STATE', data: {...}} Action Creator (액션 생성 함수) 액션 생성 함수(액션을 만들기 위해 사용) 화살표 함..