오꾸오꾸(오늘도 꾸준히 오랫동안 꾸준히)

Reducer reducer은 위에서 말했듯이 dispatch열차를 타고온 action의 type을 확인해서 그에 맞는 동작을 하는 곳입니다. 동작을 하기 때문에 function으로 작성이 됩니다. 더보기 import { REMOVE_FROM_CART, ADD_TO_CART, SET_QUANTITY } from '../actions/index' import { initialState } from './initialState' const itemReducer = (state = initialState, action) => { switch (action.type) { case ADD_TO_CART: //TODO return Object.assign({}, state, { cartItems: [...state..

Dispatch Dispatch는 위에서 Action Creater로 return 해준 Action을 파라메터로 받아서 store의 reducer에게 넘겨주는 역할을 해주는 열차라고 생각하시면 편합니다. 더보기 import React, { useState } from 'react' import { useDispatch, useSelector } from 'react-redux' import { removeFromCart, setQuantity } from '../actions' import CartItem from '../components/CartItem' import OrderSummary from '../components/OrderSummary' export default function Shop..

1-1. Action action은 중앙 저장소에 저장된 state에 “무슨” 동작을 할 것이지 적어놓는 객체입니다. action에는 type이 필수로 필요합니다. // action types export const ADD_TO_CART = 'ADD_TO_CART' export const REMOVE_FROM_CART = 'REMOVE_FROM_CART' export const SET_QUANTITY = 'SET_QUANTITY' export const NOTIFY = 'NOTIFY' export const ENQUEUE_NOTIFICATION = 'ENQUEUE_NOTIFICATION' export const DEQUEUE_NOTIFICATION = 'DEQUEUE_NOTIFICATION' // act..