Redux 사용기

11.04 (월)

1. redux 익히기

1. store
   

👉 redux는 전역 상태관리이므로 전역으로 상태관리하기 위한 변수하나를 설정한다.
👉 projectStore 라는 store 내부에는 countSlice의 count가 상태변수이다.

2. main

👉 main 컴포넌트에서는 store로 사용할 projectStore를 설정한다.

3. rtk

👉 rtk는 reactToolkit으로 redux를 좀 더 쉽게 구성할수있는데, 현재 사용된 rtk는 두가지이다.

📌 useAppDispatch는 redux store에 action을 전달하는것인데, 쉽게 말하자면 증가하는 함수, 감소하는 함수를 store에 전달하여 변화를 전역에서 사용할수있도록 구성한다.
📌 useAppSelector는 store에 등록된 전역변수를 선택하는것이다.

4. countSlice

👉 Store에서 작성한대로 Slice를 생성하고, name 또한 똑같이 생성해서 reducers 내부에 increment, decrement를 작성하여 버튼을 전역상태가 변경되도록 action을 만든다.

5. App.jsx

👉 dispatch와 selector를 통해 rtk의 메소드를 가져오고, 실제로 사용될 button 즉 이벤트에 걸어서 store의 값은 전역으로 변경시킨다.