# redux

[React] Redux를 통해 전역적으로 상태 관리를 해보자
Myfavor프로젝트를 하면서 전역적으로 상태를 관리해주어야하는 문제가 생겼으며, 이를 위한 문제를 해결하기 위해 redux를 도입하였다. redux에 대해 자세히 알아보자. props drilling은 props를 하위 컴포넌트로 계속해서 전달하는 과정에서 발생하는
[Redux] redux-persist
데이터를 '로컬 스토리지' 또는 '세션 스토리지'에 저장하여 데이터를 유지시켜주는 패키지이다.React 또는 React Native에서 가장 중요한 것 중에 하나는 바로 <span style='color: 하지만, 앱을 껐다 키거나 혹은 새로고침에 의해서 해당 페
styled-components와 Redux를 사용해서 Bucketlist-app 만들기
React, TypeScript, and Redux from 독학styled-components from 노마드코더5월 한 달 동안 doit 모던 리액트 타입스크립트 책을 보며 리덕스까지 공부했다.최근 노마드 코더 리액트 스터디에 등록해서 styled-component
redux toolkit에서 prepare
리덕스 툴킷 기초를 복습하면서 나온 prepare.내가 강의를 듣고 이해한 바에 따르면, prepare은 slice내에서 reducer함수를 통해 상태가 업데이트 되기 전에 입력될 정보들을 미리 준비시켜주는 것.prepare 함수는 createSlice의 reducer
redux toolkit immer.js란?
리덕스 기초를 복습을 하고 있다.처음에는 쫓아가기 급급했고 나는 영어로 된 강의를 듣고 있어서 더 잘 들리지 않았겠지만 복습을 하다보니 들리지 않고 보이지 않던 개념 설명이 들어오기 시작했다. 그 중 immer.js라는 단어가 자주 언급된다는 것을 알았고, 가르치는 유

[Front] React 의 상태 관리
는 상태를 유지하지 않는다. 서버와 클라이언트는 통신을 한 후 다른 통신을 할 때 이전 통신에 대한 정보를 가지고 있지 않기 때문에 새롭게 갱신을 해주어야 한다. JWT 는 인가를 위한 녀석이다.

Redux의 핵심, 미들웨어
리덕스의 꽃, 미들웨어 리덕스에 대해 알아보기 시작하였다면 여기서 멈출 수 없지. 리덕스의 핵심, 미들웨어에 대해 알아보자. Before - 빌드업 우리는 무엇을 위해 프론트엔드를 공부하는가? 계산기를 만들기 위해서? 아니 투두리스트를 만들기 위해서? 아

오, 리덕스!
리덕스! 최근 동아리에서 스터디를 진행하게 되었다. 그 첫 번째 주제로 리덕스에 대해 공부하기로 하였다. 지금부터 리덕스에 대해 알아보자. Before - 상태관리 라이브러리 리덕스에 대해 알아보기 전에 상태관리 라이브러에 대해 알아보았다. 아래를 통해 상태관리

상태관리 라이브러리
상태관리 라이브러리 리덕스 공부하면서 상태관리 라이브러리에 대해서도 정리하게 되었다. 상태관리 라이브러리에 대해 알아보자 What - 상태관리 라이브러리란 무엇인가 이름 그대로 상태를 관리하는, 즉 state 관리를 목적으로 하는 라이브러리이다. Why - 상태관

React의 상태 관리
프론트엔드에서 상태란 무엇일까? 주로 유저 정보나 UI에 영향을 미치는 \_\_<span style="background-color:상태는 특정 컴포넌트 내에서만 관리되는 로컬 상태와 여러 컴포넌트에서 관리되는 전역 상태로 구분지을 수 있다.특정 컴포넌트 안에서만
Redux toolkit - thunk
https://react.vlpt.us/redux-middleware/04-redux-thunk.html공식문서에 따르면 리덕스에서 비동기 작업을 처리하기 위해 사용하는 미들웨어이다.이를 사용하면 액션 객체가 아닌 함수를 디스패치할 수 있다.npm instal

Redux - toolkit
redux-toolkit의 구조먼저 react toolkit은 slice라는 개념이 존재 한다.slice는 작은 store라고 생각하면 된다.createSlice 를 통해 slice를 만들 수 있다.이러한 Slice들을 한 곳에 모아 큰 store를 구성하게 되는데 이

React - Redux
redux를 사용하지 않는 경우먼저 예제를 통해 react에서 redux를 사용하지 않는 경우를 살펴 보자.아래의 코드를 보면 App컴포넌트에서 A컴포넌트를 불러오고, A컴포넌트에서는 B컴포넌트를 불러 오고 있다.그러면 App컴포넌트의 state를 B컴포넌트에서 사용하

Redux
Reduxredux는 어플리케이션에 필요한 모든 데이터를 하나의 상태, 즉 하나의 객체에 담아 관리하여 어플리케이션의 복잡성을 획기적으로 낮출 수 있는 도구 이다.Redux의 구조redux의 핵심은 store 다. store를 생성하면 여기에 어플리케이션에 필요한 모든
Redux
상태관리 라이브러리데이터를 관리해주는 toolproperty의 줄임말. 부모component 안에 자식component가 존재 할 경우가 있다. component간에 무언갈 주고받을 땐 prop이용해야한다. prop소통하는 방법은 무조건 위에서 아래로만 가능하다. (부

[한끼밀-리팩토링] 설문조사 페이지 - input이 3개이면 함수도 3개여야 할까?(feat.Redux-Toolkit)
🔗 한끼밀 링크 http://www.hankkimeal.kro.kr 🌈 Intro 아래 설문조사 페이지에는 3개의 ``이 있다. 설문조사 정보는 모아서 한꺼번에 서버로 보내야 하기 때문에 전역 상태로 관리한다. 리팩토링 전, 내 코드는 정말 단순하게 input이