# redux-toolkit

206개의 포스트
post-thumbnail

Redux Toolkit으로 Redux 사용하기

Redux 공부 중입니다. Redux-Toolkit 써도 어렵네요.

2023년 3월 17일
·
0개의 댓글
·

[TIL] redux-toolkit

사용 이유redux를 아무 라이브러리 없이 사용할 때 너무 많은 코드가 생성되어서 redux-actions라는 것을 사용하게 되고, 불변성을 지켜야하는 원칙 때문에 immer를 사용하게되고, store 값을 효율적으로 핸들링하여 불필요한 리렌더링을 막기 위해 resel

2023년 3월 13일
·
0개의 댓글
·

redux-toolkit

리덕스 툴킷은 리덕스를 보다 작은 코드양으로 간편하게 사용할 수 있는 방법이다.리덕스 툴킷은 리덕스를 사용하다보면 redux devtool, immer, thunk 등 여러가지 라이브러리를 추가적으로 설치해야 하지만, redux-toolkit 내부에 이미 설치가 되어

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

[Redux, JS]_todoList

일단 삭제를 했지만, 다른 액션에 문제가 발생한 상황...그래서 좀 더 잘하는 친구에게 이 에러를 맡기기로 했고...나는 일단 redux에 대해서 자료를 올려놓고, 저 에러가 해결이 된다면, 그때 다시 수정해서 올리겠다.난 항상 로직도 문제지만, redux를 어떻게 작

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

Today I Learned 2023.03.10. [React 심화1]

Redux ToolKit 적용시켜보고, 이를 기존의 프로젝트에 그대로 이용해본다. 이제 서버와 연결해보면서, 그에 맞는 요청과 에러핸들링을 시작한다.

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

[React] Redux toolkit

리덕스의 상태 데이터가 많아질수록 객체 내부의 데이터의 양이 방대해진다. 그럴 때마다 액션 로직 또한 해당 객체의 양식을 그대로 리턴해야 되기 때문에 리덕스 코드가 길어지고, 파일이 무거워질 수밖에 없다. 이런 경우 어떻게 할까? 실수로 중첩된 데이터 등을 바꿀 수 없

2023년 3월 9일
·
0개의 댓글
·

리덕스 미들웨어

Redux 미들웨어는 액션을 dispatch 전달하고 리듀서에 도달하는 순간 사이에 사전에 지정된 작업을 실행할 수 있게 해주는 중간자이다.로깅, 충돌 보고, 비동기 API와 통신, 라우팅 등을 위해 Redux 미들웨어를 사용한 다.

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

[Next.js] next-redux-wrapper, redux-toolkit 사용하기

redux-toolkit: 리덕스 툴킷(redux toolkit) 은 리덕스를 불편한 점을 보완하기위해 나온 개발 도구이다. 리덕스는 복잡한 저장소 구성, 수많은 라이브러리에 대한 의존성, 그리고 하나의 작업마다 많아지는 코드양 등의 문제점이 있었다. 하지만 리덕스 툴

2023년 3월 6일
·
0개의 댓글
·

[redux-toolkit] 사용하여 상태 관리하기

redux-toolkit 사용하여 상태 관리하기

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

[Coddit] createAsyncThunk를 이용한 비동기 데이터 처리

Reddit 클론 프로젝트를 구축하는 데에 있어서 중요했던 것 중 하나는 동기식 및 비동기식 데이터 처리에 익숙해지는 것이었다. 동기적 데이터 처리는 직관적이고 간단해 보였지만, 비동기적 데이터 처리는 더 불편하고 어려워 보였다. 물론, 동기식 데이터 처리를 이용하

2023년 2월 26일
·
0개의 댓글
·

2023-02-18(리덕스 툴킷)

TOOL(도구) + kit(간편하게 쓰기위한 kit) = 리덕스의 구조와 패러다임과 다르지 않다. 다만 조금만 간편해진다.리덕스 툴킷 패키지를 깐다store를 구성하는 방법\------>createSlice에서 얻은 결과물을 couterSlice에 저장(action c

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

Redux-toolkit 컨셉

redux-toolkit

2023년 2월 18일
·
0개의 댓글
·
post-thumbnail

리액트 - Redux Toolkit

2월17일 여정 40일차이다. Redux의 기본 구조는 일단 상태 내에 무엇인가를 변경하기 위해 액션을 디스패치 하게된다. 액션이란 어떤 작업을 할지 설명해주는 자바스크립트 순수 객체이다.이 액션은 리듀서로 모이게 된다. 리듀서라는 함수는 액션을 인자로 하여 어플리케이

2023년 2월 17일
·
0개의 댓글
·
post-thumbnail

[TIL] Redux-Toolkit 2 - Main Project

Action → Dispatch → Reducer → Store 메인 프로젝트를 진행하면서 공부했던 리덕스 툴킷 / 내 블로그 링크 이번 메인 프로젝트 때 저장소로 이용했던 리덕스 툴킷에 대해서 프로젝트와 연결해서 자세하게 공부해 보았다. Redux-Toolki

2023년 2월 16일
·
6개의 댓글
·
post-thumbnail

React) redux-toolkit

Redux-toolkit리덕스 툴킷 사용 이유리덕스의 기존 단점이였던, 보일러플레이트 코드가 줄어든다.(보일러플레이트란? 최소한의 변경으로 여러곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드)패키지 의존성을 줄여준다 (redux devtool, immer등 여러

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

[Next.js] Redux-toolkit 이용하여 회원가입 구현

하나의 페이지 내에서 컴포넌트만 변경하며 회원가입 진행한다. 이를 위해 Redux를 이용하여 컴포넌트와 회원정보를 관리해준다.

2023년 2월 12일
·
0개의 댓글
·

[Redux] 왜 redux를 사용해야 할까? (feat. 검색 기능)

💬 최근 몇달간 React로 본격적으로 웹 FE를 개발하며 하며 느낀 라이브러리 사용, 상태 관리에 관한 생각들을 정리해보려고 한다. 리액트 상태 관리 ⚛️ 리액트로 웹 개발을 하다보면 가장 많이 신경쓰게 되는 것 중 하나가 상태, state 관리이다. sta

2023년 2월 11일
·
0개의 댓글
·
post-thumbnail

[TIL] Redux-Toolkit

Redux 를 예전에 복습했던 게시글이 있다. 심지어 이것도 상당히 오래된... 정확하게! 개념을 알아가야 툴킷이고 뭐고 더 쉽다고들 하는 zustand, recoil 등등 할

2023년 2월 10일
·
0개의 댓글
·
post-thumbnail

Weather🌤️ 프로젝트(with react, redux, node.js) 후기

공공 데이터를 활용해 날씨 정보를 알려주는 웹사이트를 만든 weather 프로젝트 후기

2023년 2월 7일
·
0개의 댓글
·
post-thumbnail

[Project] WEFLIX - 회고록

컨텐츠를 무제한으로 시청할수 있는 사이트인 NEFLIX를 모티브로 삼아 영화 컨텐츠를 제공하는 사이트를 기획하였습니다.깃헙배포 링크2022.09.08 ~ 진행 중리팩토링: Back-end: 박진성Front-end: 이나은👉🏻 Common : GitGithub👉🏻

2023년 2월 6일
·
0개의 댓글
·