# 리덕스

26개의 포스트

[ 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개의 댓글
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일
·
3개의 댓글

(TIL 40일차) Redux

리덕스

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