# 리덕스

24개의 포스트
post-thumbnail

createAction

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

약 8시간 전
·
0개의 댓글
post-thumbnail

Redux와 Flux 아키텍처

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

5일 전
·
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개의 댓글
post-thumbnail

리액트와 리덕스 함께 사용하기 (2)(feat. ant-design)

1편에 이어 노트앱을 완성해보도록 하겠습니다. 리덕스 소개글과 1편에 이어 진행되는 글이니, 앞서 진행된 글들을 읽고 따라서 진행하시면 좋을 것 같습니다.이전글에서는 노트앱 기능에서 사용되는 노트 모듈을 생성했으니 이번 글에서는 뷰를 담당하는 컴포넌트와 우리가 만든 리

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

리액트와 리덕스 함께 사용하기 (1)(feat. ant-design)

🏃‍♂️ 리액트와 리덕스 함께 사용하기 (feat. ant-design) 리덕스 소개

2020년 6월 18일
·
0개의 댓글
post-thumbnail

Redux 개념 익히기 -1

리덕스는 리액트 상태 관리 라이브러리이다.

2020년 6월 18일
·
0개의 댓글
post-thumbnail

리덕스 키워드

패스트캠퍼스 리액트 강의를 보고 정리를 했습니다.상태 업데이트를 할때 어떻게 업데이트를 해야할지에 대한 정보를 가지고 있다.객체이다.타입값을 필수로 가지고 있다.타입을 보고 어떻게 업데이트를 할지 정하게 된다.단순히 파라미터를 받아와서 액션객체를 만들어 주는 함수dat

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

Redux

Redux란? 리덕스는 (Flux 패턴을 활용) 전역상태를 관리하기 위한 라이브러리 (React, Vue, Angular에서 모두 사용 가능) 여기서 잠깐!!! Flux란? 기존에 많이 사용하던 MVC패턴의 문제점을 느끼고 페이스북에서 개발한 하나의 개발 패턴이다.

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

리덕스(Redux)는 왜 쓰는 건데⁉

리덕스 개념을 정리하는 포스팅이다. > ## 가장 많이 사용하는 형상 관리 기술, 리덕스 👍 위 그림은 작년 말에 있었던 state of js에서의 리서치 결과인데 41.7%의 자바스크립트 개발자들이 데이터 형상 관리로 리덕스를 '사용한적이 있고 앞으로 다시 사용

2020년 4월 26일
·
3개의 댓글
post-thumbnail

React Redux vs Context API

본 글은 아래를 참고하여 작성되었습니다. 더 자세한 사항을 알고싶으신 분은 아래 링크를 참고해주세요.Academind - Redux vs React\`s Context APIDan Abrarnov - You Might Not Need ReduxRedux란?Contex

2020년 4월 23일
·
2개의 댓글
post-thumbnail

리덕스를 도입하는데 주저하게 만드는 장벽들 영상을 본후 정리

리덕스를 도입하는데 주저하게 만드는 장벽들 - 1. redux-saga 쓰지 말아야 할 이유 (클릭시 유튜브로 이동합니다.)액션이 객체 형태이면 비동기 처리를 할수가 없다. action이 function이면 action을 reducer에 전달하지 않고, 액션에 전달된

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

(TIL 40일차) Redux

리덕스

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

React-Redux 핵심 요약본

아래 내용들은 빠르게 Redux를 사용하기 위해 핵심 부분만 정리해놓은 글이다. 필요한 부분만 쏙속 찾아서 보면 된다.components : 화면에 실제로 그려지는 컴포넌트를 담는 폴더containers : 리덕스 스토어와 컴포넌트를 이어주는 매개체를 담는 폴더modu

2020년 2월 27일
·
2개의 댓글
post-thumbnail

React Redux 프로세스 정리

리덕스를 사용하는 프로세스 정리 리액트를 공부하던 중 리덕스를 사용하기 위해 정형적인 프로젝트 속에서 Action과 State를 사용하는 법을 정리해 놓으면 좋을 것 같아서 정리하는 글임당. 프로젝트 구조 리덕스 사용해 프로젝트를 수정해가는 과정을 차례차례 적을 것

2020년 2월 27일
·
1개의 댓글
post-thumbnail

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

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

2020년 2월 20일
·
0개의 댓글
post-thumbnail

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

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

2020년 2월 20일
·
0개의 댓글
post-thumbnail

MobX with React - 개요

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

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