profile
정리하는 개발자

미들웨어 연결하기 redux-saga

미들웨어를 사용하는 이유 리덕스에서 리듀서는 순수함수여야 하는 규칙이 있습니다. 지키지 않는다고 오류가 나는 것은 아니지만, state가 동일한지 여부를 따져서 리덕스가 동작하기 때문에 state를 만드는 리듀서 자체에 같은 인풋에 따른 같은 아웃풋 값을 보장할 수 없다면 불필요한 연산이 실행될 수 있습니다. 따라서 리듀서를 순수함수로 남겨두기 위해 red...

2020년 1월 8일
·
0개의 댓글

애플리케이션에 리덕스 붙이기

리듀서까지 만들었다면 이제 붙여서 확인해볼 수 있는 준비는 완료된 것입니다. 하나씩 해보도록 합시다 >_< 잠깐, next.js를 사용하신다면.. 현재 next.js로 프로젝트를 만들면서 블로그 작성중이라 next.js에 대한 내용이 추가되네요. 이 시리즈에서 next.js를 사용하신다면 추가로 설치해야 할 게 있습니다. reducer 합치기. 보통 하...

2020년 1월 7일
·
0개의 댓글

reducer

Intro action이 발생하여 dispatch가 되면 그 다음은 reducer가 실행되겠죠. dispatch는 UI와 연결하여 실행되어야 하니 먼저 reducer를 작성해 봅시다. Init state 리듀서는 초기 state값과 action을 받아서 새로운 state를 반환하므로, 먼저 init state를 작성합니다. reducer 작성 여기서의...

2019년 11월 13일
·
0개의 댓글

Type과 Action

Intro Flux Pattern에서 모든 것의 시작은 action이었습니다. action부터 시작해봅시다. Action Action이란? Action. 새로운 반응이 생겼습니다. 무언가를 해달라는 요청이 생겼어요! 어떤 반응인지를 정의하는 type 필드를 포함하여 필요하면 데이터까지 같이 담아 보냅니다. type과 action creator type은...

2019년 11월 12일
·
0개의 댓글

리덕스의 동작원리와 react에 설치하기

Intro 리덕스 포스팅 글들을 보면, 사전개념이라는 카테고리로 항상 action, store 등등을 사전적인 정의처럼 맥락없이 설명하는데, 저는 이번에 flux pattern 속에서 이해하는 것을 시도해 볼 것입니다. FLUX Pattern flux-simple-f8-diagram-with-client-action-1300w.png flux 어플리케이...

2019년 11월 12일
·
0개의 댓글