아싸지만 1일1글 하고싶어

목차 ... redux에 대해 또 쓸게 생겼다. 저번에 마지막이라고 하지를 말껄 redux를 쓰면서 여러 가지 데이터를 한 번에 수정(dispatch)하려는데 그런 상황에 대한 예제가 없었다 다른 action을 각각 실행시켜도 되긴 하는데, 그렇게 하면 한번 dispatch 하는 것보다 비효율적인 것 같아 어떻게든 도전하다가 성공시켰다. Redux 데이터 여러 개 수정하기 코드는 저번 포스트에서 응용할 것이다. Redux-slice 목차 역시 학은 쉽고 습은 어렵다. 그래도 해결했으니 다행이다. "학(學)과 습(習)"의 차이를 아시나요? 오늘도 생뚱맞은 질문으로 포스팅을 시작해 보겠습니다. "학(學)과 습(習)"의 차이를 아시 sirong.tistory.com //index.js import React ..

목차 역시 학은 쉽고 습은 어렵다. 그래도 해결했으니 다행이다. "학(學)과 습(習)"의 차이를 아시나요? 오늘도 생뚱맞은 질문으로 포스팅을 시작해 보겠습니다. "학(學)과 습(習)"의 차이를 아시나요? ... blog.naver.com Slick Slick은 createReducer와 createAction 두 개의 함수를 createSlice 하나의 함수로 관리하는 방식이다. 설치 포스트 한지 좀 됐으니 설치부터 다시 가보자. 터미널에 입력하면 된다. npm i redux redux 설치 명령어이다. npm i @reduxjs/toolkit redux 코드를 간편화 시켜주는 toolkit 설치 명령어이다. npm i react-redux redux를 react에 접목시켜주는 패키지 설치 명령어이다. ..

목차 드디어 마지막 Redux Toolkit이다아아 Redux Toolkit Redux Toolkit은 Redux를 좀 더 간편하게 만들 수 있는 도구이다. 으음.. react로 비유하자면 hook 같은 느낌! life Cycle을 이해하고 쓴다면 코드를 엄청 줄일 수 있는 강력한 도구! 설치 일단 터미널을 통하여 npx create-react-app my-app --template redux 터미널에 해당 명령어를 입력하여 redux를 포함한 react 프로젝트를 생성한다. npm install @reduxjs/toolkit 이번에는 toolkit두 설치해주자! 코드 이번 코드는 바로 전 Redux-react에서의 코드를 toolkit으로 얼마나 효율적으로 바꿀 수 있는지가 핵심임으로 저번 코드에서 가..

목차 당신에게 Redux는 필요 없을지도 모릅니다. 이 글은 Dan Abramov의 You Might Not Need Redux를 번역한 글입니다. medium.com Redux 공식 홈페이지에 올라와 있는 글 중 하나이다. 구글링을 하면서 리덕스에 관한 로드맵을 봐서 어렵게 생각하고 있었는데, 그냥 공식 홈페이지 글과 같이 가볍게 접근하는 게 좋을 것 같다. Redux by react 오늘은 react로 redux를 사용해보자, redux toolkit를 쓰면 간편한 코드로 사용할 수 있지만, 구성 이해를 위해서 toolkit을 안 쓴 쌩코드로 redux를 공부 한 다음 toolkit을 포스팅할 거다. 설치 npm install --save react-redux 터미널에 해당 명령어를 입력하여 reac..

목차 구성이 react의 reducer랑 비슷하다 어차피 react에서 redux 쓸려면 hook도 다루고 있을 테니 reducer를 배우고 redux를 배우면 좀 익숙할 거다 useReducer 목차 어우.. 긴장이 풀려서 그런가 오늘은 진짜 몸도 사고도 안 따라줘서 잠시 useReducer 이해를 미래의 나에게 맡겼었다. 그리고 그 미래의 나가 지금의 나다 후.. 그래도 컨디션 좀 회복하니깐 이 sirong.tistory.com Redux란 쉽게 말해서 파일을 구분 짓지 않는 데이터 저장소를 만들고, 관리하는 기술이다. 기존의 프로그램 구성이 MVC 방식인데, 자료화면은 코드의 덩치가 커질수록, 데이터를 주고받는 구조가 복잡해진다는 것이다. 예로 들어, 다음 메인 페이지를 활용할 때, 메일이 왔는지,..