# react redux

33개의 포스트
post-thumbnail

redux-saga 흐름

redux saga 는 redux 에서 API의 데이터를 받아와서 store 에 등록할 때 주로 쓰인다. 물론 saga를 안쓰고 API 의 데이터를 가져와서 저장할 수 있긴 하지만, 둘다 경험해본 결과 saga 를 쓰는 것이 코드가 더 깔끔하게 정리되고, 속도가 더 빠

2020년 11월 21일
·
0개의 댓글
post-thumbnail

Redux

http://dobbit.github.io/reduxVuex와 같은 중앙 집중형 저장소이다. 프로젝트의 규모가 크고 복잡해지면 컴포넌트의 상태(state)를 관리하기가 힘들다. 왜냐하면, 트리 구조이기때문에 멀리 있는 컴포넌트에 값을 전달하려면 상위 루트(공통

2020년 11월 19일
·
0개의 댓글
post-thumbnail

React-Redux

react-redux

2020년 11월 9일
·
0개의 댓글
post-thumbnail

React-Redux 기초

React 사용자 정의 태그(컴포넌트)를 만들어서 체계적이고 정돈된 애플리케이션을 만들게 해주는 기술 Redux 상태를 중앙에서 관리하는 것을 통해 데이터가 예측하지 않은대로 변경되는 가능성을 낮춰주는 기술 * ➡️ 모두 개발의 복잡성을 낮춰주는 기술* In React, render함수가 호출돼서 퍼포먼스가 떨어짐. 컴포넌트들이 props와 event...

2020년 10월 28일
·
0개의 댓글

[Redux] react? redux? react-redux?

출처는 redux 공식문서입니다. https://ko.redux.js.org/ react를 잘 쓰려면 redux를 알아야 한다. 그러나 redux는 어렵다. 왜 어려울까. redux의 작동 방식을 이해하는 것이 어렵다. redux와 관련된 새로운 개념이나 지식이 익숙하지 않다. 개인적으로 2번의 문제가 redux 공부를 방해하였다. 새로운 단어, 개념 ...

2020년 10월 5일
·
0개의 댓글

GoogleLogin 후 로그인 유지하기

새로고침을 해도 로그인을 유지하기 위해서 react-redux를 이용했다.isLogin이라는 상태값을 만들어서 기본값을 false로 하고 loacalStorage에 token값이 있는지 확인하고 token이 있는 경우에는 action을 전달해서 isLogin의 값을 t

2020년 9월 3일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 17장, 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기

# 😁 UI 준비하기 # 😂 리덕스 코드 작성하기 # 😍 Hooks를 사용하여 컨테이너 컴포넌트 만들기 ## lib/useActions.js ## immer ## react-redux ## react-scripts ## redux ## redux-actions

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

react-redux

bindActionCreators

2020년 8월 26일
·
0개의 댓글
post-thumbnail

React Redux

React와 Redux : 개발의 복잡성을 낮춰주는 시스템 |React|Redux| |:--|:--| |Component를 이용하여 체계적인 Application을 만들 수 있다|State 중앙관리를 통해 데이터의 변형 가능성을 낮춰준다.| |집집마다 소문이 퍼지는 것처럼 변화 발생 시 연결된 모든 컴포넌트로 전달|언론사에서 방송하는 것처럼 변화 발생...

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

React에서 dotenv사용하는법

웹,앱 개발을 하다보면 포트, DB관련 정보, API_KEY등.. 개발자 혼자서 또는 팀만 알아야 하는 값 즉, git, 오픈소스에 올리면 안되는 값들이 있다. 이때 필요한 것이 dotenv 패키지 이다.환경변수 파일을 외부에 만들어 포트, API_KEY등.. 을 저장

2020년 8월 21일
·
0개의 댓글
post-thumbnail

configureStore, createSlice

configureStore redux redux toolkit 외관상으로는 함수만 바뀐 것 같지만, default 값이 추가 되었다. => devtool, middleware, preloadedState, enhancers createSlice redux

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

createReducer

reduxredux toolkitcreateReducer의 장점은 기본 default 값을 정해줄 수 있다는 것이다.함수에서 첫번째 파라미터 값이 default 값으로써 빈 배열을 지정해줄 수 있다.기존 글에서 절대 mutate를 하면 안된다고 하였지만 createRe

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

createAction

Redux toolkits는 redux에서 공식적으로 지원하는 redux 개발 도구이다. 리덕스 설정의 복잡성 리덕스를 사용하기 위해 설치하는 패키지의 양 작업 하나를 만들기 위해 필요한 보일러 플레이트가 너무 많은 문제 이와 같은 문제점들을 해결하기 위해서 사용한

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

나만을 위한 Redux 정리2

dispatch를 사용하다보면 type을 지정할 때 string

2020년 8월 3일
·
0개의 댓글
post-thumbnail

나만을 위한 Redux 정리

저장할 매체인 Store을 호출한다.데이터들이 여기에 담겨서 저장하고 관리한다.createStore을 사용하기 위해서는 reducer 라는 친구가 필요하다.reducer는 함수형태이기만 하면 된다.대충 정리해보자면이런 식으로 createStore 안에 reducer를

2020년 7월 30일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (17)

redux 미들웨어 중 redux-thunk에 대해 알아보겠습니다.

2020년 7월 24일
·
0개의 댓글
post-thumbnail

책 한권으로 시작하는 react (16)

리덕스 미들웨어를 통한 비동기 작업관리 👀

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

[Front-end/React] Mobx vs Redux (Redux-toolkit)

기존에는 React와 함께 Redux를 사용해왔는데 이번에 새로운 프로젝트를 하게 되면서 리덕스를 계속 사용할 지, 아니면 새로운 라이브러리 Mobx를 도입할 지에 대해 고민하던 중 글을 작성하게 되었습니다.부족한 점이나 틀린 부분이 있으면 언제든 피드백 환영합니다 :

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