redux-tutorial/09_middleware

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 09 - middleware 우리는 이전에 새로운 개념 “미들웨어”를 과제로 남겨놨었다. 미들웨어가 어떻게 비동기 액션을 다룰 수 있게 도와줄 수 있는걸까. 그래서 대체 미들웨워가 무엇일까? 일반적으로 미들웨어는 애플리케이션의 A와 B 사이 일부에서 A가...

26 Apr 2020

redux-tutorial/08_dispatch async action 2

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 08 - dispatch async action 2 먼저 dispatch-async-action-1에서 했던 비동기 action creator를 실행해보자. import { createStore, combineReducers } from 'redux' var reducer = combineReducers({ speaker: function (state = {}, action) { console.log('speaker...

31 Mar 2020

redux-tutorial/07_dispatch async action 1

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 07 - dispatch async action 1 액션을 어떻게 dispatch하고 이런 액션들로 어떻게 리듀서를 이용해서 어플리케이션의 상태를 바꿀 수 있는지 배웠다. 그런데 우린 지금까지 동기 액션, 즉, 동기로 액션을 내보내는 액션 creator에 대해서만...

31 Mar 2020

redux-tutorial/06_dispatch action

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 06 - dispatch action 우리는 지금까지 리듀서를 만들어 보았고 아직 액션을 dispatch 해보지 않았다. 이전 튜토리얼에서 썼던 같은 리듀서로 몇가지 액션들을 다루어보자. var userReducer = function (state = {}, action) { console.log('userReducer...

28 Mar 2020

redux-tutorial/05_combine reducers

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 05 - combine reducers reducer 가 뭔지 이해하기 시작했다… var reducer_0 = function (state = {}, action) { console.log('reducer_0 이 전달받은 상태', state, '와 액션', action) switch (action.type) { case 'SAY_SOMETHING': return...

15 Mar 2020

redux-tutorial/04_get state

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 04 - get state Redux 인스턴스에서 상태를 어떻게 받을까? import { createStore } from 'redux' var reducer_0 = function (state, action) { console.log('reducer_0 이 전달받은 상태', state, '와 액션: ', action) }...

14 Mar 2020

redux-tutorial/03_simple reducer

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 03 - simple reducer 어떻게 애플리케이션의 상태를 보관할 Redux 인스턴스를 생성하는지 배웠다. 이제 이 상태를 변경하는 리듀서 함수들에 집중해보자. reducer VS store: 알아차렸을 지 모르겠지만, 처음 소개할 때 보여준 flux 다이어그램에서 Redux의...

14 Mar 2020

redux-tutorial/02_about state and meet redux

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 02 - about state and meet redux 가끔 애플리케이션에서 액션은 무언가 발생했다는 것을 알려주지 않고 데이터 갱신이 필요하다는것도 말해주지 않는다. 이건 우리 앱에서 꽤 큰 문제다. 애플리케이션이 떠있는 동안 그 데이터는 어디에...

05 Mar 2020

redux-tutorial/01_simple action creator

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 1 - simple action creator 우리는 이전 튜토리얼에서 action에 대해서 얘기해보았다. 그런데 “action creators”는 정확히 뭐고 그것들은 “actions”에 어떻게 연결되는걸까? 그건 사실 되게 쉽고 몇 줄의 코드만으로 설명할 수 있다! action creator...

04 Mar 2020

redux-tutorial/00_introduction

👉 https://github.com/happypoulp/redux-tutorial/wiki Tutorial 0 - introduction 이 글을 쓰는 이유. Redux를 공부하던중에 내가 flux 글을 잘못 읽고 있었음을 깨달았다. 그 글이 잘못됐다는건 아니고 내가 잘못 이해하고 있었다. 내가 다른 flux 프레임워크 문서를 읽으면서 개념들을 이해하려하고...

03 Mar 2020
Next