# 리덕스

7개의 포스트
post-thumbnail

React.Redux(React with Redux(2));

1. 컨테이너 컴포넌트 만들기 저번글에서 모듈화 시킨 것들은 reducer와 액션을 만들고 스토어를 만들었던 것이라면 컨테이너 컴포넌트에서는 디스패치를 액션에 전달하는 컴포넌트들을 작성 할 것입니다. container 폴더를 만들고 그안에 먼저 덧셈 기능을 가진 c

5일 전
·
0개의 댓글
post-thumbnail

React.Redux(React with Redux(1));

Redux를 공부하겠습니다. 먼저 Redux의 탄생배경부터 알아보겠습니다. react의 각 컴포넌트들은 스테이트를 가져도 서로 공유하거나, 접근하기가 매우 까다롭고 어렵습니다. 그래서 이를 서로 간섭하기 쉽고, 관리하게 편하게 해주는 것이 필요로 했는데 그것이 Redu

5일 전
·
0개의 댓글
post-thumbnail

MobX with React - 개요

리액트에서는 화면 안에서 값이 변하는 값들이나, 변화를 유발하는 변수들을 class 컴포넌트의 경우 state로 관리합니다. 그러나 state관리가 굉장히 불편하고 오류도 많아 상태 관리 라이브러리들을 사용하곤 합니다. 저는 MobX를 선택했네요.

2020년 2월 11일
·
0개의 댓글

불변성 유지 (in 리액트 state, 리덕스 store) - FE study14

1. 상태관리에서 불변성을 유지하는 이유 1-1. 리액트, 리덕스 재랜더링 방식 리액트, 리덕스는 setState, dispatch 되었을 때 재렌더링(re-rendering)이 발생함 불필요한 재렌더링을 피하기 위해 shouldComponentUpdate, useCallback(react-hooks)를 씀. 이 메소드는 state와 props 의 변화를...

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

자바스크립트 generator, redux-saga (생성기, 리덕스 사가) - FE study7

1. Generator (생성기) Generator : 빠져나갔다가 나중에 다시 돌아와도 사용가능한 함수. 이때 컨텍스트(변수 값)는 출입 과정에서 저장된 상태로 남아 있다. 사용 : 제네레이터 함수가 호출되면 바로 실행하지 않고 iterator(반복기) 객체로 반환되고 next() 메소드를 사용하면 함수의 yield 부분의 값을 돌려주고 멈춤. (다음...

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

리덕스(Redux)

'Redux'는 애플리케이션(application)의 'state'를 관리하는 자바스크립트의 오픈소스 라이브러리로, 유저 인터페이스(user interfaces)를 만들기 위해 보통 'React', 'Angular'와 함께 쓰인다. Q. 'context API'를 쓰는 것과 무슨 차이가 있을까? '미들웨어'를 이용할 수 있다 특정 조건에 따라 액션이 무...

2020년 1월 5일
·
0개의 댓글
post-thumbnail

TypeScript 환경에서 Redux를 프로처럼 사용하기

이번에 준비한 튜토리얼에서는 TypeScript 환경에서 Redux를 프로처럼 사용하는 방법을 다뤄보도록 하겠습니다. 왜 제목이 "프로처럼"이냐! 사실은 조금 주관적입니다. 이 튜토리얼에서는 지금까지 제가 다양한 TypeScript/Redux 관련 코드를 읽고, 작성해오면서 그 중에서 제가 맘에 들었던 구조를 소개시켜드리겠습니다. 그런데 프로처럼 사용해...

2019년 10월 3일
·
28개의 댓글