# redux

2196개의 포스트

[TS] 🧤React에서 typescript 사용하는 방법

React에서 typescript 사용하는 방법 정리

약 16시간 전
·
0개의 댓글
·

styled-components와 Redux를 사용해서 Bucketlist-app 만들기

React, TypeScript, and Redux from 독학styled-components from 노마드코더5월 한 달 동안 doit 모던 리액트 타입스크립트 책을 보며 리덕스까지 공부했다.최근 노마드 코더 리액트 스터디에 등록해서 styled-component

2일 전
·
0개의 댓글
·

redux toolkit에서 prepare

리덕스 툴킷 기초를 복습하면서 나온 prepare.내가 강의를 듣고 이해한 바에 따르면, prepare은 slice내에서 reducer함수를 통해 상태가 업데이트 되기 전에 입력될 정보들을 미리 준비시켜주는 것.prepare 함수는 createSlice의 reducer

5일 전
·
0개의 댓글
·

redux toolkit immer.js란?

리덕스 기초를 복습을 하고 있다.처음에는 쫓아가기 급급했고 나는 영어로 된 강의를 듣고 있어서 더 잘 들리지 않았겠지만 복습을 하다보니 들리지 않고 보이지 않던 개념 설명이 들어오기 시작했다. 그 중 immer.js라는 단어가 자주 언급된다는 것을 알았고, 가르치는 유

5일 전
·
0개의 댓글
·
post-thumbnail

[Front] React 의 상태 관리

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

5일 전
·
0개의 댓글
·
post-thumbnail

Redux의 핵심, 미들웨어

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

5일 전
·
0개의 댓글
·
post-thumbnail

오, 리덕스!

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

5일 전
·
0개의 댓글
·
post-thumbnail

상태관리 라이브러리

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

5일 전
·
0개의 댓글
·
post-thumbnail

React의 상태 관리

프론트엔드에서 상태란 무엇일까? 주로 유저 정보나 UI에 영향을 미치는 \_\_<span style="background-color:상태는 특정 컴포넌트 내에서만 관리되는 로컬 상태와 여러 컴포넌트에서 관리되는 전역 상태로 구분지을 수 있다.특정 컴포넌트 안에서만

5일 전
·
1개의 댓글
·
post-thumbnail

redux-saga, redux-thunk 알아보기

리덕스 미들웨어에 대해 공부한 것을 정리한 글 입니다!

5일 전
·
0개의 댓글
·

Redux toolkit - thunk

https://react.vlpt.us/redux-middleware/04-redux-thunk.html공식문서에 따르면 리덕스에서 비동기 작업을 처리하기 위해 사용하는 미들웨어이다.이를 사용하면 액션 객체가 아닌 함수를 디스패치할 수 있다.npm instal

6일 전
·
0개의 댓글
·
post-thumbnail

Redux - toolkit

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

6일 전
·
0개의 댓글
·
post-thumbnail

React - Redux

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

6일 전
·
0개의 댓글
·
post-thumbnail

리덕스에 대해 알아보자

리덕스에 대해 공부해본 것들을 정리한 글 입니다!

6일 전
·
0개의 댓글
·
post-thumbnail

Redux

Reduxredux는 어플리케이션에 필요한 모든 데이터를 하나의 상태, 즉 하나의 객체에 담아 관리하여 어플리케이션의 복잡성을 획기적으로 낮출 수 있는 도구 이다.Redux의 구조redux의 핵심은 store 다. store를 생성하면 여기에 어플리케이션에 필요한 모든

7일 전
·
0개의 댓글
·
post-thumbnail

리덕스에 대해 알아보자!

리덕스 입문을 환영합니다.

7일 전
·
1개의 댓글
·

Redux

상태관리 라이브러리데이터를 관리해주는 toolproperty의 줄임말. 부모component 안에 자식component가 존재 할 경우가 있다. component간에 무언갈 주고받을 땐 prop이용해야한다. prop소통하는 방법은 무조건 위에서 아래로만 가능하다. (부

7일 전
·
0개의 댓글
·
post-thumbnail

[한끼밀-리팩토링] 설문조사 페이지 - input이 3개이면 함수도 3개여야 할까?(feat.Redux-Toolkit)

🔗 한끼밀 링크 http://www.hankkimeal.kro.kr 🌈 Intro 아래 설문조사 페이지에는 3개의 ``이 있다. 설문조사 정보는 모아서 한꺼번에 서버로 보내야 하기 때문에 전역 상태로 관리한다. 리팩토링 전, 내 코드는 정말 단순하게 input이

2023년 5월 25일
·
0개의 댓글
·
post-thumbnail

Redux

redux

2023년 5월 25일
·
0개의 댓글
·
post-thumbnail

Redux 미들웨어 사용해보기

API 서버를 연동할 때 관리하는 미들웨어에 대해서 리덕스와 함께 알아보자.

2023년 5월 25일
·
0개의 댓글
·