RTK action, state 직렬화 질문

Redux는 자체적으로 직렬화되지 않는 데이터를 스토어에 저장하는 것을 권장하지 않습니다. 그 이유는 직렬화되지 않은 데이터가 예기치 않은 상태 변경을 일으킬 수 있고, Debugging을 어렵게 만들기 때문이죠. 그러나 API 응답과 같이 직렬화 불가능한 정보를 상태로 관리해야 할 필요성이 있다면, `getDefaultMiddleware` function의 옵션을 통해 일부 middleware에서 직렬화 검사를 비활성화할 수 있습니다: ```javascript import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit'; const store = configureStore({ reducer: rootReducer, middleware: getDefaultMiddleware({ serializableCheck: false, }), }); ``` 더 좋은 접근 방식은 응답 중 사용할 수 있는 정보만 가져와서 저장하고, 반드시 전체 응답 객체를 스토어에 유지해야 하는 경우에는 custom serializer(직렬화 도구)를 제작하여 사용하는 것입니다. 이 방법은 보다 명확한 데이터 제어를 가능하게 하고 디버깅 및 테스트도 용이하게 해줍니다. 또한, action.payload 등을 통해 되도록 원시 타입(Primitive types)의 값들 (string, number, boolean...) 만 전달하는 것이 Redux에서 권장하는 best practice 입니다.