# redux-toolkit

78개의 포스트
post-thumbnail

[무작정따라하기] 최고 리덕스야 고맙다! Redux & Redux Toolkit 알아보기

리덕스는 상태 관리 라이브러리 중 하나로, 현재까지 가장 많이 쓰이고 있다. 상태 관리란 UI와 UX에 맞게 데이터를 관리하거나, 서버와 주고 받는 데이터를 관리하는 것을 말한다.간단한 프로젝트라면 괜찮겠지만, 복잡하고 크기가 큰 대형 프로젝트라면 상태 관리의 난도는

어제
·
0개의 댓글

Redux Toolkit 에서 createAsyncThunk 사용하여 비동기 처리하기

thunk 란? > Thunk 란? 특정 작업을 나중에 할 수 있도록 미루기 위해 함수 형태로 감싼 것 예를 들어 주어진 파라미터에 1을 더하는 작업이 있다면 addOne() 이라는 작업을 1초 뒤에 실행할 수 있도록 addOneThunk 라는 함수로 감쌌는데 이

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

Redux-Toolkit을 이용한 dark-mode

리덕스 툴킷을 이용한 다크모드 만들기 스토어 설정 store/store.ts store/themeSlice.ts inititalState 를 localstorage로 불러온다. 스토리지가 비었을 경우 false 할당 액션에 changeMode를 추가하여 tog

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

[5/18 TIL] Redux, Rdux Toolkit

새로운 프로젝트에서 리덕스와 리덕스 툴킷을 사용하기 위해서 리덕스에 대해 학습해보았다. 1. Reducx 란? 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너 이다. 2. Redux Toolkit 리덕스 툴킷은 Redux 로직을 작성하기 위해 리덕스에서 공식적으

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

Redux-Toolkit을 이용한 TodoList 만들기

redux-toolkit을 이용한 todolist 만들기 configureStore() createStore를 더 좋은 개발 경험을 위해 기본 설정들을 자동화 시켰다. 기본 미들웨어로 redux-thunk를 추가하고 개발 환경에서 리덕스 개발자 도구(Redux Dev

2022년 5월 17일
·
0개의 댓글

👐 TS with Redux(RTK) 👐

타입스크립트 , 리액트 , 리덕스를 같이 사용하는 방법을 알아보자. 탬플릿 사용하기 일일히 타입스크립트 , 리액트 , 리덕스 셋팅을 할 필요없이 Create a React Redux App 템플릿을 사용하면 셋팅이 완료된 템플릿 상태로 프로젝트를 시작할 수 있다.

2022년 5월 14일
·
0개의 댓글

React에 Redux Toolkit 사용하기

Redux Toolkit이란? Redux Toolkit은 redux에서 지원하는 개발 도구이다. 스토어 설정, 리듀서, 데이터 가져오기 등 Redux 로직을 작성하기 위해 권장되는 접근 방식이다. Redux Toolkit의 configureStore는 설정을 단순화하

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

[React]Redux-toolkit 사용법

store middleware등의 환경을 건들지 안고 바로 적용할 수 있는 방식redux-actions에서 제공하고 있던 createAction()과 같은 방식으로 작동한다.기존의 Action creator를 세부적으로 만들 필요 없이 actionCreator를 통해서

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

redux와 Redux Toolkit (rtk)

Redux Toolkit을 사용하여 redux를 쓰는 방법을 간단하게 알아보았다.

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

[실전프로젝트] get과 post

카드를 누르면 디테일정보를 가져와서 뿌려주는 기능구현중에 get과 post에 대해 헷갈려서 정리한다.GET은 서버로부터 정보를 조회하기 위해 설계된 메서드요청을 전송할 때 필요한 데이터를 Body에 담지 않고 쿼리스트링을 통해 전송. 만약 요청 파라미터가 여러개면 &

2022년 5월 6일
·
0개의 댓글

redux, react에 대한 생각

react 는 결국 한 페이지 태그안에 태그안에 태그로 구성되어있는데 프롭이 상위컴포넌트에서 하위컴포넌트로 내려올 수 밖에 이유는 Scope 변수의 영역 때문인데하위컴포넌트 변수의 값이 하위 컴포넌트 밖에 상위컴포넌트에는 존재할 수 없기 때문에, 범위가 닿지 않기 때문

2022년 5월 2일
·
0개의 댓글

Redux Toolkit + Redux-Persist

https://redux-toolkit.js.org/usage/usage-guide 공식 문서에 나와있는 코드를 옮겼다.그대로 적용하면 되기 때문에 간단하게 toolkit에 붙는다.logout시 초기화 하는 방법

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

Redux Toolkit

리팩토링을 하는 과정에서 redux보다 가볍고 편리한 사용이 가능한 redux-toolkit에 대한 사용이 결정됐다.RTK의 사용을 권장하기도 하기 때문에 RTK에 대해 알아보고 프로젝트에 적용해보자Redux-Toolkit 인 만큼 redux처럼 대형 MVC 애플리케이

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

redux-toolkit 초기설정 (with NextJS hydrate)

redux-toolkit + nextJS 초기설정

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

⚛️ Redux Tool Kit(RTK)

redux를 공부하다 redux를 더 쉽게 사용할 수 있는 방법인 RTK에 대해 알아보려한다RTK은 redux 공식문서에 추천하는 기능이다.RTK는 redux의 핵심적인 부분과 redux app을 만들 때에 필수적인 요소를 담고 있다.또한 redux를 사용하는데에 더

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

[Redux] Redux-Toolkit 시작하기!

📚 Next.js + Typescript 환경에서 Redux-Toolkit 도입하기!

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

Redux 공식문서 들여다보기_타입스크립트와 사용할 때_3회

각 슬라이스는 최초 state값을 위한 타입이 지정되어야 한다. 그 결과 createSlice는 각 reducer에서 state의 타입을 정확하게 추론할 것이다. createSliceredux-toolkit에 포함되어 있는 함수이다. state의 초기 값을 설정할 수

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

메신저 페이지 with redux-toolkit

회의 채팅, 답장, 삭제 기능이 포함된 메신저 페이지를 구현하는 과제가 주어졌다. 와이어 프레임을 제작하여 팀원들과 디자인을 회의하였고, 이후 역할을 분배했다. 내가 1차로 맡은 부분은 공통 스타일 구현이다. 공통 스타일 구현 1. GlobalStyles.ts

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

영양제 검색창 구현

프로젝트 GitHub 레파지토리정해진 데이터를 가지고 사용자 입장에서 편한 결과를 보여줄 수 있도록주어진 데이터를 활용한 검색창 구현2022.02.17 ~ 2022.02.19TypeScriptReactRedux-toolkitStyled-component한글로 입력된 영

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