[redux] props지옥 벗어나기,,, - 도전

 

하는 방법이 아니라 내 시행착오들을 썼음

 

store에 어떻게 변형시킬지를 다 때려넣음. 이걸 변형시킬 수 있는 법은 그 변형을 나타내는 액션을 보내는 것 뿐!

어떻게 변형시킬지에 대해 명시하는 것은 reducers를 작성한다-라고 함.

 

function manduing(state = 0, action) {
	if(action.type === "hot") {
    	return state + 1
        } else if(action.type === "cool" {
        return state -1
        } else {
        return state
        }
     }
 }
 
let mandu = createStore(manduing);
 
 

mandu.dispatch({type:"hot"});  // 만두 데피기

 

# NPM
npm install redux

# Yarn
yarn add redux

npm install react-redux
yarn add react-redux

npm install redux-thunk
yarn add redux-thunk

npm install --save-dev redux-devtools // 개발자 도구

npm install @reduxjs/toolkit react-redux
yarn add @reduxjs/toolkit react-redux

하다보니 이것도 깔래서 깔았다.

 

 

store에 어떻게 변형시킬지를 다 때려넣음. 이걸 변형시킬 수 있는 법은 그 변형을 나타내는 액션을 보내는 것 뿐!

어떻게 변형시킬지에 대해 명시하는 것은 reducers를 작성한다-라고 함.

 

 

1. docs에서는 src/app/store.js 만들라고 한다. 

import { configureStore } from "@reduxjs/toolkit";

export default configureStore({
  reducer: {},
});

 

2. src/index.js 에 설정하기!

난 넥스트를 써서..겠지? _app.tsx에 작업했다.

근데 여기서 막혔다. 

 

 

그래서 이것을 보고 했습니다... 

 

https://cotak.tistory.com/164

[Next.js] Next.js + redux toolkit 기본 세팅

 

https://simsimjae.medium.com/next-redux-wrapper%EA%B0%80-%ED%95%84%EC%9A%94%ED%95%9C-%EC%9D%B4%EC%9C%A0-5d0176209d14

next-redux-wrapper가 필요한 이유

 

 

 

 

https://ko.redux.js.org/introduction/getting-started/

Redux 시작하기 | Redux