# rtk

35개의 포스트
post-thumbnail

2023-01-19 목요일

state를 업데이트할 때는 불변성(Immutable)을 지켜줘야 해서 원본이 아니라 스프레드문법을 사용해서 복사본을 사용해야 한다고 알고 있었는데 생각해보니 리듀서를 작성할 때 스프레드문법을 사용한 적이 없다는 걸 깨닫고 왜일까 찾아봤다.위 이미지 상단 코드처럼 하는

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

RTK non-serializable value 오류 해결 방법

Redux를 사용하며 non-serializable value 오류 해결과정 기록

2022년 12월 20일
·
0개의 댓글
·

TIL.22.12.14. - RTK 예습

평행풀이: 2022.12.14.시간 준수!youtubebbkBuqC1rU4Redux Toolkit Tutorial – JavaScript State Management Library리덕스 툴킷은 베터리 포함 프레임워크입니다. 리덕스의 유용한 패키지를 포함합니다. 보일러

2022년 12월 14일
·
1개의 댓글
·

RTK 모달 상태관리하기

RTK 모달 상태관리, 주제 선정 이유오무 서비스는 페이지가 바뀌지 않고 모달을 열고 닫으면서 서비스를 이용하는 형태입니다.여러개의 모달을 한 페이지에서 관리해야 하기 때문에 상태관리 툴의 도입을 고려하게 되었습니다.보통은 한 페이지에서 한개 이상의 모달을 띄우는 일이

2022년 12월 2일
·
0개의 댓글
·
post-thumbnail

React _ RTK Query 기본 이해하기

이번에는 RTK(Redux Toolkit) Query에 대해서 이해해보겠습니다. RTK Query 공식문서를 번역하면서 정리한 내용입니다.RTK Query는 Redux Toolkit을 설치하고 나면, 내장되어 있어 따로 설치할 필요가 없습니다.

2022년 11월 30일
·
0개의 댓글
·

Redux 정리

위와 같이 Root(부모, 최상위) 컴포넌트에서 useState를 사용하여 state 생성 후 자식 컴포넌트에게 state를 전달하기 위해서는 props drilling이 필요하다. 매우 비효율 적이고 중첩된 컴포넌트의 개수가 많아 진다면 코딩의 실수 도 발 생할 수

2022년 11월 18일
·
0개의 댓글
·
post-thumbnail

Redux-Toolkit. reducer의 반환값

Immer (German for: always) is a tiny package that allows you to work with immutable state in a more convenient way.한마디로 개발자가 편리하게 state를 immutable(원본을

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

[Redux-Toolkit] ToDoList(3): RTK로 상태관리 해보기!- 일정 관리

To Do List의 내용을 다른 페이지에서도 출력할 수 있도록 전역 상태관리가 필요하게 되었다. 리덕스 툴킷을 이용한 리스트 생성과 삭제 과정을 세 가지 파트에 나눠 정리해보았다. 이번 포스팅에서는 일정 관리에 관한 내용을 다뤄보려고 한다.(모달창 구현과 DatePi

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

[Redux-Toolkit] ToDoList(2): RTK를 이용한 상태관리!- 일정 생성

To Do List의 내용을 다른 페이지에서도 출력할 수 있도록 전역 상태관리가 필요하게 되었다. 리덕스 툴킷을 이용한 리스트 생성과 삭제 과정을 세 가지 파트에 나눠 정리해보았다. 이번 포스팅에서는 일정 생성에 관한 내용을 다뤄보려고 한다.(모달창 구현과 DatePi

2022년 11월 1일
·
0개의 댓글
·

리액트 Redux Toolkit 사용하기 - 환경 세팅, store, reducer 만들기

리액트 상태 관리 라이브러리 리덕스 사용해보기컴포넌트간 state를 공유할 목적으로 리덕스를 사용해볼 수 있다.Context API로만으로도 충분한 프로젝트라면 리덕스를 사용할 필요는 없지만 프로젝트 규모가 크다면 리덕스 사용을 고려해보는 것이 좋다. 또, 비동기 작업

2022년 10월 19일
·
0개의 댓글
·

RTK Query Overview

RTK Query는 강력한 data fetching & caching 도구입니다. 웹 어플리케이션의 기본적이며 공통적인 데이터 로딩 작업을 단순화 시켜주며, 개발자가 data fetching, caching과 관련된 로직을 직접 작성하지 않도록 도와줍니다.웹 어플리케이

2022년 9월 11일
·
0개의 댓글
·

Redux toolkit

Purpose Redux toolkit은 Redux logic 작성의 표준이 되기 위해 탄생했습니다. 리덕스 툴킷은 아래와 같은 리덕스의 3가지 문제점을 해결해줍니다. Redux store 설정이 너무 복잡하다. 유용한 기능 구현을 위해 여러가지 패키지가 추가적으로 필

2022년 9월 10일
·
0개의 댓글
·

[react-hook-form] MUI에서 react-hook-form & Redux-ToolKit을 이용해 데이터 관리하기

여러 라이브러리를 동시에 사용하면서 겪은 일

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

[리액트] redux toolkit (RTK) 사용법

redux의 단점 redux의 store는 매우 복잡하다. redux를 유용하게 사용하기 위해 매우 많은 패키지 설치가 필요하다. 리덕스는 매우 많은 보일러 플레이트 코드를 필요로 한다. > redux-toolkit(RTK)는 이러한 문제점을 개선시켰다. redu

2022년 8월 3일
·
0개의 댓글
·

Redux Toolkit 시작하기

Redux Toolkit이 Redux보다 간편하다며

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

리덕스 툴킷 (RTK) 기초 정리

안녕하세요 ! 오늘은 Redux Toolkit을 배워보겠습니다! ╰(°▽°)╯ 정말 기초만 정리를 할꺼여서 정보를 깊게 얻고 싶으신분들은 재미로만 봐주세요! 리덕스란? >전역상태관리 라이브러리 출처:https://www.slideshare.net/binhqdgm

2022년 7월 23일
·
0개의 댓글
·

RTK : Redux Toolkit

보일러플레이트 (Boilerplate Code : 상용구 코드) 써야 함ex) action, action creator, switch문 등이를 개선한게 RTK (Redux Toolkit) != 짧은 코드로 같은 기능시작하기

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

Redux-Toolkit

리덕스 팀에서 공식적으로 만든 라이브러리 리덕스 내부에 thunk, immer가 내장되어있음. 리덕스의 총집합이라고 생각해도 됨. Redux Toolkit 공식 문서Reducers and Actions에서 createSlice, createAsyncThunk만 사용해도

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

[FE] Redux-saga vs RTK Middleware

Despite its simplicity, thunks have limitations. One of the most cited limitations is the inability to run code in response to dispatched actions or s

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

[FE] Redux-Thunk vs Redux-Saga

: 흔히 redux의 비동기 처리 로직 혹은 사이드 이펙트를 처리하기 위한 용도로 redux-thunk나 redux-saga를 많이 사용한다. 이번 포스팅에서는 앞서 말한 redux와 연관되는 라이브러리가 필요한 이유부터 시작해서 각 라이브러리의 장단점을 가지고 서로를

2022년 7월 4일
·
0개의 댓글
·