# 리덕스

34개의 포스트
post-thumbnail

[React Redux] 리덕스 미들웨어

미들웨어는 액션과 리듀서의 중간 지점에 위치해 있는 놈이라고 보면 좋을듯합니다. 미들웨어는 액션이 디스패치 되어서 리듀서가 이를 실행하기 전에 액션을 캐치해서 특정한 작업을 수행하는 녀석입니다. 리듀서가 액션을 처리하기 전에, 미들웨어는 다양한 작업들을 수행할수 있습니

2021년 2월 14일
·
0개의 댓글

[말로 풀어쓴 React] 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기1

17.2.1 카운터 컴포넌트 만들기17.2.2 할 일 목록 컴포넌트 만들기 준비하17.3.1 counter 모듈 작성하기17.3.1.1 액션 타입 정의하기17.3.1.2 액션 생성 함수 만들기17.3.1.3 초기 상태 및 리듀서 함수 만들기17.3.2 todos 모듈

2021년 2월 13일
·
0개의 댓글
post-thumbnail

[React Redux] 리덕스 개발 전 알아둬야 할 기본 키워드

리덕스에서 액션은 무엇이 변화되었는지 알려주는 이벤트와 같습니다.아래와 같이 액션은 하나의 오브젝트로 정의가 됩니다.액션에서 type값은 필수적인 요소이며, payload와 같이 추가적인 필드를 추가할 수 있습니다.액션 생성 함수는 말 그대로 액션을 생성해주는 함수입니

2021년 2월 12일
·
0개의 댓글
post-thumbnail

Redux 어떻게 써야 잘 썼다고 소문이 날까?

40% 이상의 개발자들이 리액트 프로젝트에서 사용하고 있는 리덕스(Redux), 더 잘 쓰는 방법을 알려드립니다. 리덕스 말고 다른 선택지, 그리고 리덕스를 사용 할 떄 알고있으면 유용한 팁들을 다룹니다.

2021년 1월 28일
·
15개의 댓글
post-thumbnail

리덕스 편리하게 이용해보자

리덕스를 편리하게 이용해보자

2021년 1월 11일
·
0개의 댓글

리액트 리덕스 셋팅(툴킷x)정리

이번에 redux-toolkit이 나오면서 이전에 셋팅하던 리덕스를 정리하고자 글을남김. step 1. 리덕스 설치 ` step 2. 리듀서 생성후 리듀서 리턴 ` ` step 3. 루트 리듀서 셋팅 스토어에 리듀서를 등록하는데 리듀서는 한 개만 등록할 수 있음.

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

Redux

리덕스에서 저장하고 있는 상태값딕셔너리 형태로 보관상태 변화가 필요할 때 발생시키는것Object이며 Type을 필요로 한다.Action 을 만들기 위해 사용State를 변경하는 함수ActionCreator -> Action -> Reducer(State을 변경)Redu

2020년 12월 28일
·
0개의 댓글
post-thumbnail

리덕스

리덕스에 대해서 공부해봅시다

2020년 12월 13일
·
0개의 댓글
post-thumbnail

[ React : Redux ]

리덕스ReduxRedux는 JS 앱을 위한 예측 가능한 상태 컨테이너를 말한다.서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와준다. '굳이' 리덕스를 사용해야하는 이유 : 멀리 떨어진 컴포넌트끼리 상태값을 교환할 때 복

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

내가 만드는 리덕스 함수

리덕스예전에 만들었던 리덕스 함수에서 조금 변형시켜서 작업을 해보았습니다. 간단한것 같지만 어렵고, 막상 뜯어보면 그리 이해하기 어려운것만은 아닙니다. 글로 작성하기엔 설명이 어려울 것 같아 ppt로 작성하였고, 이를 이미지화 하여 업로드 했습니다.혹시나 네모 박스가

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

우아한 테크러닝 3기(2) - 이문식과 자바스크립트 그리고 리덕스

TS를 쓰는 React를 쓰든 어쨌든 둘 다 JS이고, JS에 대한 지식이 진짜 중요하기 때문에 이날 강의 목표는 > - 자바스크립트를 A부터 Z까지! > - 거기다 리덕스! 자바스크립트 A to Z 기억해, 이문식..!

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

React Blog - 리덕스 적용

이제 프로젝트에 리덕스를 적용해야합니다.추후 비동기 작업을 관리할때 redux-saga 를 쓸 것이고, 지금 당장은 미들웨어에 대한 관심은 접고 리덕스 스토어를 생성하고 Provider 컴포넌트를 통해 플로젝트에 리덕스를 적용하는 과정만 다루겠습니다.위의 명령어를 이용

2020년 9월 4일
·
0개의 댓글

React #11 Cors에러, Redux 좀더 들여다보기

이전에 cors정책에 위배된다는 에러가 발생했었는데, 그땐 cors()패키지를 사용해서 해결되었었다.마찬가지로 router에 cors()를 추가했는데 왜인지 되지않았다.cors('접속을 시도한 URL')으로 경로를 추가해주니 정상적으로 요청헤더, 응답헤더가 출력되었다.

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

React #10 리덕스 설명

리덕스는??가장 사용률이 높은 상태관리 라이브러리.컴포넌트들의 상태 관련 로직을 다른 파일로 분리시켜 관리할 수 있고, 컴포넌트간 상태를 공유할 때 컴포넌트들을 거치지 않고 쉽게 상태값을 전달 할 수 있다.props를 전달하기 위해 실제 props를 사용하지 않는 곳을

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

createAction

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

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

Redux와 Flux 아키텍처

참고: https://taegon.kim/archives/5288참고: https://www.youtube.com/watch?v=zw-Oz6oNjQEModel : 백그라운드에서 동작하는 로직을 처리.View : 사용자가 보게 될 결과 화면을 출력.Co

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

Next.js에서 Redux사용하기 (Redux wrapper) (1/2)

컴포넌트에서 공통적으로 쓰이는 데이타가 흩어져있기 때문에 부모 컴포넌트에서 데이타를 받아서 자식 컴포넌트에게 각각 보내줘야한다컴포넌트끼리 데이타를 전달하는 과정도 매우 복잡하고 오류가 발생하기도 쉽다.규모가 있는 서비스라면 중앙데이타저장소 Store를 최소 한 개 만들

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

리덕스 미들웨어는 무엇인가? (2) redux-thunk

이전글에 이어서 이번 글에서는 비동기작업 처리를 도와주는 리덕스 미들웨어를 공부해보도록 하겠습니다. 🧰 redux-thunk, 그리고 thunk redux-thunk는 리덕스 미들웨어에서 비동기 작업을 처리하는데 사용하는 미들웨어로 비동기 작업을 다루는 미들웨어

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

리덕스 미들웨어는 무엇인가? (1)

🔧 리덕스 미들웨어 리덕스는 무엇이고, 왜 사용하는가? 에서 인용했듯이 리덕스는 아래와 같은 흐름으로 동작합니다. 그렇다면, 리덕스 미들웨어가 어떻게 동작하는 지 아직은 모르지만, 리덕스 미들웨어의 동작 흐름을 먼저 그림을 통해 보도록 하겠습니다. <img sr

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

리덕스+리액트 Redux with React #1 설치와 리덕스 개념

리덕스 Redux 공식문서 스토어라는 가상공간에 데이터를 모아두어, 필요한 컴포넌트에서 데이터를 가져다 사용,변경 할수 있다.중간 컴포에게 데이터전달-전달-전달 하지 않고, 중앙관리되는 데이터를 가져다 씀으로서, 데이터 누락, 무한화면그리기 없이 깔꼼! > ####

2020년 6월 26일
·
0개의 댓글