var Component=(()=>{var N=Object.create;var i=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var x=(a,e)=>()=>(e||a((e={exports:{}}).exports,e),e.exports),y=(a,e)=>{for(var s in e)i(a,s,{get:e[s],enumerable:!0})},t=(a,e,s,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of u(e))!f.call(a,d)&&d!==s&&i(a,d,{get:()=>e[d],enumerable:!(c=k(e,d))||c.enumerable});return a};var T=(a,e,s)=>(s=a!=null?N(g(a)):{},t(e||!a||!a.__esModule?i(s,"default",{value:a,enumerable:!0}):s,a)),E=a=>t(i({},"__esModule",{value:!0}),a);var o=x((M,r)=>{r.exports=_jsx_runtime});var A={};y(A,{IMAGE_PATH:()=>h,ImageFromStatic:()=>l,default:()=>R,frontmatter:()=>S});var n=T(o()),S={title:"redux legacy\uC5D0 \uD0C0\uC785 \uC801\uC6A9\uD558\uAE30 - 3",date:"2023-05-06",tags:["redux-legacy","jsdoc","redux-actions"],draft:!1,summary:"generic handleActions",images:[],layout:"PostSimple",authors:["default"]},h="/static/images/redux-legacy-3",l=({name:a})=>(0,n.jsx)("img",{src:`${h}/${a}.png`,alt:a});function p(a){let e=Object.assign({p:"p",strong:"strong",h1:"h1",a:"a",span:"span",code:"code",ul:"ul",li:"li",em:"em",pre:"pre"},a.components),{Series:s,TOCInline:c}=e;return s||m("Series",!0),c||m("TOCInline",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"redux legacy\uC5D0 \uD0C0\uC785 \uC801\uC6A9\uD558\uAE30"})}),(0,n.jsx)(s,{currentSlug:a.content.slug,slugs:["redux-legacy","redux-legacy-2","redux-legacy-3"],posts:a.posts}),(0,n.jsxs)(e.h1,{id:"overview",children:[(0,n.jsx)(e.a,{href:"#overview","aria-hidden":"true",tabIndex:"-1",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Overview"]}),(0,n.jsx)(c,{toc:a.toc,exclude:"Overview",toHeading:2}),(0,n.jsxs)(e.h1,{id:"introduction",children:[(0,n.jsx)(e.a,{href:"#introduction","aria-hidden":"true",tabIndex:"-1",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Introduction"]}),(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.a,{href:"/blog/redux-legacy-2",children:"\uC800\uBC88 \uC2DC\uAC04"}),"\uC5D0\uB294 Todo\uC5D0 \uB300\uD55C union payload\uB97C \uCC98\uB9AC\uD558\uB294 ",(0,n.jsx)(e.code,{children:"handleTodoActions"}),"\uB97C \uB9CC\uB4E4\uC5C8\uB2E4"]}),(0,n.jsxs)(e.p,{children:["\uC774\uBC88\uC5D0\uB294 ",(0,n.jsx)(e.code,{children:"handleTodoActions"}),"\uC744 \uD655\uC7A5\uD574 \uC784\uC758\uC758 union payload\uB97C \uCC98\uB9AC\uD558\uB294 ",(0,n.jsx)(e.code,{children:"handleActions"}),"\uB97C \uB9CC\uB4E4\uC5B4\uBCF4\uC790"]}),(0,n.jsxs)(e.h1,{id:"objective",children:[(0,n.jsx)(e.a,{href:"#objective","aria-hidden":"true",tabIndex:"-1",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Objective"]}),(0,n.jsx)(e.ul,{children:(0,n.jsx)(e.li,{children:"generic handleActions \uC791\uC131"})}),(0,n.jsxs)(e.h1,{id:"generic-handleactions",children:[(0,n.jsx)(e.a,{href:"#generic-handleactions","aria-hidden":"true",tabIndex:"-1",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Generic handleActions"]}),(0,n.jsxs)(e.p,{children:["\uC6B0\uC120 ",(0,n.jsx)(e.code,{children:"handleTodoActions"}),"\uC758 \uC774\uB984\uC744 ",(0,n.jsx)(e.code,{children:"handleActions"}),"\uB85C \uBC14\uAFB8\uC790"]}),(0,n.jsx)(e.p,{children:(0,n.jsx)(e.em,{children:"src/features/todo/reducer.js"})}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-2/src/features/todo/reducer.js b/packages/redux-legacy-2/src/features/todo/reducer.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index 1435365..70f0a61 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-2/src/features/todo/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-2/src/features/todo/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token coord",children:"@@ -1,5 +1,5 @@"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`// @ts-check `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`import { handleActions, handleAction } from "redux-actions"; `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`import { handleAction } from "redux-actions"; `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`import { SET_TODO, REMOVE_TODO } from "./action"; `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`import { combineReducers } from "redux"; `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:`@@ -32,7 +32,7 @@ const initialState = {}; `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @param {TodoReducerMap} reducerMap `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @param {S} initialState `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`const handleTodoActions = (reducerMap, initialState) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`const handleActions = (reducerMap, initialState) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` const actionTypes = Object.keys(reducerMap); `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` const reducers = actionTypes.reduce((acc, actionType) => { `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` const reducer = reducerMap[actionType]; `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),`@@ -60,7 +60,7 @@ const handleTodoActions = (reducerMap, initialState) => { `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` return /** @type {ReduxCompatibleReducer} */(ret); `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`}; `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`export default handleTodoActions( `})]})}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`export default handleActions( `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` { `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` [SET_TODO]: (state, { payload }) => { `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` return { `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]})]})}),(0,n.jsxs)(e.p,{children:["\uC778\uC790\uB85C \uBC1B\uB294 ",(0,n.jsx)(e.code,{children:"reducerMap"}),"\uC744 generic\uD558\uAC8C \uBC14\uAFBC\uB2E4"]}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-3/src/features/todo/reducer.js b/packages/redux-legacy-3/src/features/todo/reducer.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index 70f0a61..d7f5e93 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:`@@ -29,7 +29,11 @@ const initialState = {}; `}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @template S `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @param {TodoReducerMap} reducerMap `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template P `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template {{ `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * [K: string]: (state: S, action: {type: string; payload: P}) => S; `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * }} M `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * @param {M} reducerMap `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @param {S} initialState `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`const handleActions = (reducerMap, initialState) => { `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]})]})}),(0,n.jsx)(e.p,{children:"generic reducerMap\uC5D0\uC11C payload\uC758 \uD0C0\uC785\uC744 \uCD94\uCD9C\uD55C\uB2E4"}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-3/src/features/todo/reducer.js b/packages/redux-legacy-3/src/features/todo/reducer.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index d7f5e93..b156e7e 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:`@@ -51,13 +51,15 @@ const handleActions = (reducerMap, initialState) => { `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` /** `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template A `})]})]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {A extends Action ? P : never} ExtractPayload `})]})}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template F `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {| `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * F extends (state: S, action: {type: string; payload: infer P}) => S ? P : never `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * } ExtractPayload `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` /** `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {| `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * ExtractPayload>[1]> `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` * ExtractPayload> `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * } Payloads `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]})]})}),(0,n.jsx)(e.p,{children:"\uC774\uC81C \uD0C0\uC785\uC774 \uC5B4\uB5BB\uAC8C \uC7A1\uD788\uB294\uC9C0 \uBCF4\uC790"}),(0,n.jsx)(l,{name:"payload-any"}),(0,n.jsxs)(e.p,{children:["payload\uAC00 ",(0,n.jsx)(e.code,{children:"any"}),"\uB85C \uB098\uC628\uB2E4"]}),(0,n.jsxs)(e.p,{children:["\uC65C\uB0D0\uD558\uBA74 \uC778\uC790\uB85C \uBC1B\uC740 reduceMap \uAC1D\uCCB4\uC758 payload\uAC00 ",(0,n.jsx)(e.code,{children:"any"}),"\uC774\uAE30 \uB54C\uBB38\uC774\uB2E4"]}),(0,n.jsx)(l,{name:"argument-payload-any"}),(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.code,{children:"handleActions"}),"\uB97C \uC0AC\uC6A9\uD558\uB294 \uCABD\uC5D0\uC11C \uD0C0\uC785\uC744 \uC815\uD574\uC57C \uD55C\uB2E4"]}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-3/src/features/todo/reducer.js b/packages/redux-legacy-3/src/features/todo/reducer.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index b156e7e..d774e89 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:`@@ -68,13 +68,13 @@ const handleActions = (reducerMap, initialState) => { `}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export default handleActions( `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` { `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` [SET_TODO]: (state, { payload }) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` [SET_TODO]: (state, /** @type {{payload: Todo}} */ { payload }) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` return { `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` ...state, `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` [payload.id]: { ...payload }, `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` }; `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` }, `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` [REMOVE_TODO]: (state, { payload }) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` [REMOVE_TODO]: (state, /** @type {{payload: Pick}} */ { payload }) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` delete state[payload.id]; `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` return { `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` ...state, `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]})]})}),(0,n.jsx)(e.p,{children:"\uC774\uC81C \uD0C0\uC785\uC774 \uC81C\uB300\uB85C \uB098\uC624\uB294\uC9C0 \uBCF4\uC790"}),(0,n.jsx)(l,{name:"payload-type"}),(0,n.jsx)(e.p,{children:"\uC798 \uB098\uC628\uB2E4!"}),(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.code,{children:"handleActions"}),"\uB97C \uB2E4\uB978 \uACF3\uC5D0 \uC62E\uACA8 ",(0,n.jsx)(e.code,{children:"User"}),"\uC5D0\uC11C \uC7AC\uC0AC\uC6A9\uD558\uC790"]}),(0,n.jsx)(e.p,{children:(0,n.jsx)(e.em,{children:"src/app/actions.js"})}),(0,n.jsx)(e.pre,{className:"language-js",children:(0,n.jsxs)(e.code,{className:"code-highlight language-js",children:[(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token comment",children:"// @ts-check"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token keyword module",children:"import"})," ",(0,n.jsxs)(e.span,{className:"token imports",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"})," handleAction ",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token keyword module",children:"from"})," ",(0,n.jsx)(e.span,{className:"token string",children:"'redux-actions'"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token keyword module",children:"import"})," ",(0,n.jsxs)(e.span,{className:"token imports",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"})," combineReducers ",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token keyword module",children:"from"})," ",(0,n.jsx)(e.span,{className:"token string",children:"'redux'"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsx)(e.span,{className:"token comment doc-comment",children:`/** `})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@template"})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"S"}),`, P `]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@typedef"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),(0,n.jsx)(e.span,{className:"token operator",children:"|"}),` `]})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsx)(e.span,{className:"token comment doc-comment",children:(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," ",(0,n.jsx)(e.span,{className:"token keyword",children:"import"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),(0,n.jsx)(e.span,{className:"token string",children:'"redux-actions"'}),(0,n.jsx)(e.span,{className:"token punctuation",children:")"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"."}),"ReduxCompatibleReducer",(0,n.jsx)(e.span,{className:"token punctuation",children:"<"}),"S",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," P",(0,n.jsx)(e.span,{className:"token punctuation",children:">"}),` `]})})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"ReduxCompatibleReducer"}),` `]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token comment doc-comment",children:" */"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsx)(e.span,{className:"token comment doc-comment",children:`/** `})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@template"})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"S"}),` `]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@template"})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"P"}),` `]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@template"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),` `]})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsx)(e.span,{className:"token comment doc-comment",children:(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"["}),"K",(0,n.jsx)(e.span,{className:"token operator",children:":"})," string",(0,n.jsx)(e.span,{className:"token punctuation",children:"]"}),(0,n.jsx)(e.span,{className:"token operator",children:":"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),"state",(0,n.jsx)(e.span,{className:"token operator",children:":"})," S",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," action",(0,n.jsx)(e.span,{className:"token operator",children:":"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),"type",(0,n.jsx)(e.span,{className:"token operator",children:":"})," string",(0,n.jsx)(e.span,{className:"token punctuation",children:";"})," payload",(0,n.jsx)(e.span,{className:"token operator",children:":"})," P",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"}),(0,n.jsx)(e.span,{className:"token punctuation",children:")"})," ",(0,n.jsx)(e.span,{className:"token operator",children:"=>"})," S",(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]})})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"M"}),` `]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@param"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),"M",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token parameter",children:"reducerMap"}),` `]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@param"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),"S",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token parameter",children:"initialState"}),` `]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token comment doc-comment",children:" */"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token keyword module",children:"export"})," ",(0,n.jsx)(e.span,{className:"token keyword",children:"const"})," ",(0,n.jsx)(e.span,{className:"token function function-variable",children:"handleActions"})," ",(0,n.jsx)(e.span,{className:"token operator",children:"="})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),(0,n.jsxs)(e.span,{className:"token parameter",children:["reducerMap",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," initialState"]}),(0,n.jsx)(e.span,{className:"token punctuation",children:")"})," ",(0,n.jsx)(e.span,{className:"token operator arrow",children:"=>"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token keyword",children:"const"})," actionTypes ",(0,n.jsx)(e.span,{className:"token operator",children:"="})," ",(0,n.jsx)(e.span,{className:"token class-name known-class-name",children:"Object"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"."}),(0,n.jsx)(e.span,{className:"token function method property-access",children:"keys"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),"reducerMap",(0,n.jsx)(e.span,{className:"token punctuation",children:")"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token keyword",children:"const"})," reducers ",(0,n.jsx)(e.span,{className:"token operator",children:"="})," actionTypes",(0,n.jsx)(e.span,{className:"token punctuation",children:"."}),(0,n.jsx)(e.span,{className:"token function method property-access",children:"reduce"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),(0,n.jsxs)(e.span,{className:"token parameter",children:["acc",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," actionType"]}),(0,n.jsx)(e.span,{className:"token punctuation",children:")"})," ",(0,n.jsx)(e.span,{className:"token operator arrow",children:"=>"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token keyword",children:"const"})," reducer ",(0,n.jsx)(e.span,{className:"token operator",children:"="})," reducerMap",(0,n.jsx)(e.span,{className:"token punctuation",children:"["}),"actionType",(0,n.jsx)(e.span,{className:"token punctuation",children:"]"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[" acc",(0,n.jsx)(e.span,{className:"token punctuation",children:"["}),"actionType",(0,n.jsx)(e.span,{className:"token punctuation",children:"]"})," ",(0,n.jsx)(e.span,{className:"token operator",children:"="})," ",(0,n.jsx)(e.span,{className:"token function",children:"handleAction"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),"actionType",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," reducer",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," initialState",(0,n.jsx)(e.span,{className:"token punctuation",children:")"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token keyword control-flow",children:"return"})," acc",(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"}),(0,n.jsx)(e.span,{className:"token punctuation",children:","})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"}"}),(0,n.jsx)(e.span,{className:"token punctuation",children:")"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token keyword",children:"const"})," ret ",(0,n.jsx)(e.span,{className:"token operator",children:"="})," ",(0,n.jsx)(e.span,{className:"token function",children:"combineReducers"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),"reducers",(0,n.jsx)(e.span,{className:"token punctuation",children:")"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token comment doc-comment",children:`/** `})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@template"})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"T"}),` `]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@typedef"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),"T",(0,n.jsx)(e.span,{className:"token punctuation",children:"["}),(0,n.jsx)(e.span,{className:"token keyword",children:"keyof"})," T",(0,n.jsx)(e.span,{className:"token punctuation",children:"]"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"ValueOf"}),` `]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token comment doc-comment",children:" */"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token comment doc-comment",children:`/** `})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@template"})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"F"}),` `]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@typedef"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),(0,n.jsx)(e.span,{className:"token operator",children:"|"}),` `]})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsx)(e.span,{className:"token comment doc-comment",children:(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," F ",(0,n.jsx)(e.span,{className:"token keyword",children:"extends"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),"state",(0,n.jsx)(e.span,{className:"token operator",children:":"})," S",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," action",(0,n.jsx)(e.span,{className:"token operator",children:":"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),"type",(0,n.jsx)(e.span,{className:"token operator",children:":"})," string",(0,n.jsx)(e.span,{className:"token punctuation",children:";"})," payload",(0,n.jsx)(e.span,{className:"token operator",children:":"})," ",(0,n.jsx)(e.span,{className:"token keyword",children:"infer"})," P",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"}),(0,n.jsx)(e.span,{className:"token punctuation",children:")"})," ",(0,n.jsx)(e.span,{className:"token operator",children:"=>"})," S ",(0,n.jsx)(e.span,{className:"token operator",children:"?"})," P ",(0,n.jsx)(e.span,{className:"token operator",children:":"}),` never `]})})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"ExtractPayload"}),` `]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token comment doc-comment",children:" */"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token comment doc-comment",children:`/** `})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[" * ",(0,n.jsx)(e.span,{className:"token keyword",children:"@typedef"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),(0,n.jsx)(e.span,{className:"token operator",children:"|"}),` `]})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsx)(e.span,{className:"token comment doc-comment",children:(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," ExtractPayload",(0,n.jsx)(e.span,{className:"token punctuation",children:"<"}),"ValueOf",(0,n.jsx)(e.span,{className:"token punctuation",children:"<"}),(0,n.jsx)(e.span,{className:"token keyword",children:"typeof"})," reducerMap",(0,n.jsx)(e.span,{className:"token punctuation",children:">"}),(0,n.jsx)(e.span,{className:"token punctuation",children:">"}),` `]})})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:[(0,n.jsxs)(e.span,{className:"token class-name",children:[" ",(0,n.jsx)(e.span,{className:"token operator",children:"*"})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," ",(0,n.jsx)(e.span,{className:"token class-name",children:"Payloads"}),` `]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token comment doc-comment",children:" */"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsxs)(e.span,{className:"code-line",children:[" ",(0,n.jsx)(e.span,{className:"token keyword control-flow",children:"return"})," ",(0,n.jsxs)(e.span,{className:"token comment doc-comment",children:["/** ",(0,n.jsx)(e.span,{className:"token keyword",children:"@type"})," ",(0,n.jsxs)(e.span,{className:"token class-name",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"{"}),"ReduxCompatibleReducer",(0,n.jsx)(e.span,{className:"token punctuation",children:"<"}),"S",(0,n.jsx)(e.span,{className:"token punctuation",children:","})," Payloads",(0,n.jsx)(e.span,{className:"token punctuation",children:">"}),(0,n.jsx)(e.span,{className:"token punctuation",children:"}"})]})," */"]})," ",(0,n.jsx)(e.span,{className:"token punctuation",children:"("}),"ret",(0,n.jsx)(e.span,{className:"token punctuation",children:")"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token punctuation",children:"}"}),(0,n.jsx)(e.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,n.jsx)(e.p,{children:"\uB354\uC774\uC0C1 \uBD88\uD544\uC694\uD55C \uCF54\uB4DC\uB97C \uC81C\uAC70\uD55C\uB2E4"}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-3/src/features/todo/action.js b/packages/redux-legacy-3/src/features/todo/action.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index 781ea12..6907920 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/todo/action.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/todo/action.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token coord",children:"@@ -1,26 +1,14 @@"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`// @ts-check `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`import { createAction } from "redux-actions"; `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template T1, R `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {import("redux-actions").ActionFunction1} ActionFunction1 `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {import("./api").Todo} Todo `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export const SET_TODO = 'Todo/ADD_TODO'; `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`export const setTodo = /** @type {typeof createAction} */ (createAction)(SET_TODO); `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`export const setTodo = `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` /** @type {typeof createAction} */ (createAction)(SET_TODO); `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export const REMOVE_TODO = 'Todo/REMOVE_TODO'; `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export const removeTodo = `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` /** @type {typeof createAction>} */ (createAction)(REMOVE_TODO); `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template T `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {{ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * [SET_TODO]: (state: T, action: ReturnType) => T; `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * [REMOVE_TODO]: (state: T, action: ReturnType) => T; `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * }} TodoReducerMap `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),`diff --git a/packages/redux-legacy-3/src/features/todo/reducer.js b/packages/redux-legacy-3/src/features/todo/reducer.js `]}),(0,n.jsx)(e.span,{className:"code-line",children:`index d774e89..a2cf651 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/todo/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token coord",children:"@@ -1,24 +1,6 @@"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`// @ts-check `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`import { handleAction } from "redux-actions"; `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`import { handleActions } from "../../app/actions"; `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`import { SET_TODO, REMOVE_TODO } from "./action"; `})]})]}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`import { combineReducers } from "redux"; `})]})]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template S, P `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {| `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`* import("redux-actions").ReduxCompatibleReducer `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`* } ReduxCompatibleReducer `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`*/ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template Payload `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {import("redux-actions").Action} Action `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template S `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {import("./action").TodoReducerMap} TodoReducerMap `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {import("./api").Todo} Todo `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),`@@ -27,45 +9,6 @@ import { combineReducers } from "redux"; `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`/** @type {{ [id: Pick['id']]: Todo }} */ `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`const initialState = {}; `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template S `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template P `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template {{ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * [K: string]: (state: S, action: {type: string; payload: P}) => S; `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * }} M `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @param {M} reducerMap `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @param {S} initialState `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`const handleActions = (reducerMap, initialState) => { `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` const actionTypes = Object.keys(reducerMap); `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` const reducers = actionTypes.reduce((acc, actionType) => { `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` const reducer = reducerMap[actionType]; `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` acc[actionType] = handleAction(actionType, reducer, initialState); `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` return acc; `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` }, {}); `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` const ret = combineReducers(reducers); `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` /** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template T `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {T[keyof T]} ValueOf `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` /** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @template F `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {| `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * F extends (state: S, action: {type: string; payload: infer P}) => S ? P : never `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * } ExtractPayload `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` /** `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {| `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * ExtractPayload> `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` * } Payloads `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` */ `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` return /** @type {ReduxCompatibleReducer} */(ret); `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`}; `})]})}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export default handleActions( `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` { `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` [SET_TODO]: (state, /** @type {{payload: Todo}} */ { payload }) => { `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]})]})}),(0,n.jsxs)(e.p,{children:[(0,n.jsx)(e.code,{children:"User"}),"\uC5D0 action\uC744 \uCD94\uAC00\uD55C\uB2E4"]}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-3/src/features/user/action.js b/packages/redux-legacy-3/src/features/user/action.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index 19e49fd..4d607a0 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/user/action.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/user/action.js"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:`@@ -7,3 +7,7 @@ import { createAction } from "redux-actions"; `}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export const EDIT_USER = 'User/EDIT_USER'; `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export const editUser = /** @type {typeof createAction} */ (createAction)(EDIT_USER); `})]})}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`export const REMOVE_USER = 'User/REMOVE_USER'; `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`export const removeUser = `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` /** @type {typeof createAction>} */ (createAction)(REMOVE_USER); `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]})]})}),(0,n.jsx)(e.p,{children:"action\uC744 reducer\uC5D0 \uCD94\uAC00\uD55C\uB2E4"}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-3/src/features/user/reducer.js b/packages/redux-legacy-3/src/features/user/reducer.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index f22f673..b8b1c1b 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/user/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/user/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token coord",children:"@@ -1,6 +1,6 @@"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`// @ts-check `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`import { handleActions } from "redux-actions"; `})]})]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`import { EDIT_USER } from "./action"; `})]})}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`import { handleActions } from "../../app/actions"; `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`import { EDIT_USER, REMOVE_USER } from "./action"; `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {Object} User `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),`@@ -16,12 +16,19 @@ const initialState = { `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export default handleActions( `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` { `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` [EDIT_USER]: (state, { payload }) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` [EDIT_USER]: (state `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` , /** @type {{payload: User}} */ { payload }) => { `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` return { `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` ...state, `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` userName: payload.userName, `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` } `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` }, `})]})}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` [REMOVE_USER]: (state, /** @type {{payload: Pick}} */ { payload }) => { `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` delete state[payload.userId]; `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` return { `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` ...state, `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` }; `})]})}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` }, `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` }, `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` initialState, `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),`); `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `})]})}),(0,n.jsx)(e.p,{children:"\uACB0\uACFC\uB294?"}),(0,n.jsx)(l,{name:"payload-user"}),(0,n.jsx)(e.p,{children:"\uC5ED\uC2DC \uC798 \uB098\uC628\uB2E4!"}),(0,n.jsx)(e.p,{children:"dispatch\uD574\uB3C4 \uD0C0\uC785 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD558\uC9C0 \uC54A\uB294\uB2E4"}),(0,n.jsx)(l,{name:"dispatch-removeUser"}),(0,n.jsxs)(e.h1,{id:"avoid-hard-coding",children:[(0,n.jsx)(e.a,{href:"#avoid-hard-coding","aria-hidden":"true",tabIndex:"-1",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Avoid Hard Coding"]}),(0,n.jsx)(e.p,{children:"payload\uC758 \uD0C0\uC785\uC744 \uD558\uB4DC\uCF54\uB529 \uD558\uACE0 \uC788\uB294\uB370 \uC774\uB7F0 \uBC29\uC2DD\uC740 \uC88B\uC9C0 \uC54A\uB2E4"}),(0,n.jsx)(e.p,{children:"action\uC774 \uBC14\uB014 \uC218 \uC788\uAE30 \uB54C\uBB38\uC774\uB2E4"}),(0,n.jsx)(e.p,{children:"action \uC0DD\uC131\uC790\uC5D0 ReturnType\uC744 \uC801\uC6A9\uD574 \uD0C0\uC785\uC744 \uC720\uB3C4\uD558\uC790"}),(0,n.jsx)(e.pre,{className:"language-diff",children:(0,n.jsxs)(e.code,{className:"language-diff code-highlight",children:[(0,n.jsx)(e.span,{className:"code-line",children:`diff --git a/packages/redux-legacy-3/src/features/user/reducer.js b/packages/redux-legacy-3/src/features/user/reducer.js `}),(0,n.jsx)(e.span,{className:"code-line",children:`index b8b1c1b..dc81add 100644 `}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"--- a/packages/redux-legacy-3/src/features/user/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token coord",children:"+++ b/packages/redux-legacy-3/src/features/user/reducer.js"}),` `]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token coord",children:"@@ -1,6 +1,6 @@"}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`// @ts-check `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`import { handleActions } from "../../app/actions"; `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:`import { EDIT_USER, REMOVE_USER } from "./action"; `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:`import { editUser, EDIT_USER, removeUser, REMOVE_USER } from "./action"; `})]})]}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`/** `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` * @typedef {Object} User `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),`@@ -16,14 +16,15 @@ const initialState = { `]}),(0,n.jsx)(e.span,{className:"code-line",children:` `}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:`export default handleActions( `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` { `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` [EDIT_USER]: (state `})]})]}),(0,n.jsx)(e.span,{className:"code-line deleted",children:(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` , /** @type {{payload: User}} */ { payload }) => { `})]})}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` [EDIT_USER]: (state, `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` /** @type {ReturnType} */ { payload }) => { `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` return { `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` ...state, `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` userName: payload.userName, `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` } `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` }, `})]})}),(0,n.jsxs)(e.span,{className:"code-line deleted",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token deleted deleted-sign",children:[(0,n.jsx)(e.span,{className:"token deleted prefix",children:"-"}),(0,n.jsx)(e.span,{className:"token line",children:` [REMOVE_USER]: (state, /** @type {{payload: Pick}} */ { payload }) => { `})]})]}),(0,n.jsxs)(e.span,{className:"code-line inserted",children:[(0,n.jsx)(e.span,{className:"token deleted deleted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` [REMOVE_USER]: (state, `})]})]}),(0,n.jsx)(e.span,{className:"code-line inserted",children:(0,n.jsxs)(e.span,{className:"token inserted inserted-sign",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix inserted",children:"+"}),(0,n.jsx)(e.span,{className:"token line",children:` /** @type {ReturnType} */ { payload }) => { `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token inserted inserted-sign",children:(0,n.jsx)(e.span,{className:"token line"})}),(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` delete state[payload.userId]; `})]})]}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` return { `})]})}),(0,n.jsx)(e.span,{className:"code-line",children:(0,n.jsxs)(e.span,{className:"token unchanged",children:[(0,n.jsx)(e.span,{className:"token line"}),(0,n.jsx)(e.span,{className:"token prefix unchanged",children:" "}),(0,n.jsx)(e.span,{className:"token line",children:` ...state, `})]})}),(0,n.jsxs)(e.span,{className:"code-line",children:[(0,n.jsx)(e.span,{className:"token unchanged",children:(0,n.jsx)(e.span,{className:"token line"})}),` `]})]})}),(0,n.jsxs)(e.h1,{id:"references",children:[(0,n.jsx)(e.a,{href:"#references","aria-hidden":"true",tabIndex:"-1",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"References"]}),(0,n.jsx)(e.p,{children:(0,n.jsx)(e.a,{href:"https://medium.com/@seungha_kim_IT/typescript-%EC%B5%9C%EC%8B%A0-%EA%B8%B0%EB%8A%A5%EC%9D%84-%ED%99%9C%EC%9A%A9%ED%95%9C-redux-%EC%95%A1%EC%85%98-%ED%83%80%EC%9D%B4%ED%95%91-ef46fff8850b",children:"TypeScript \uCD5C\uC2E0 \uAE30\uB2A5\uC744 \uD65C\uC6A9\uD55C Redux \uC561\uC158 \uD0C0\uC774\uD551"})})]})}function O(a={}){let{wrapper:e}=a.components||{};return e?(0,n.jsx)(e,Object.assign({},a,{children:(0,n.jsx)(p,a)})):p(a)}var R=O;function m(a,e){throw new Error("Expected "+(e?"component":"object")+" `"+a+"` to be defined: you likely forgot to import, pass, or provide it.")}return E(A);})(); ;return Component;

Redux-actions

redux legacy에 타입 적용하기 - 3