var Component=(()=>{var h=Object.create;var t=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var g=(a,n)=>()=>(n||a((n={exports:{}}).exports,n),n.exports),y=(a,n)=>{for(var s in n)t(a,s,{get:n[s],enumerable:!0})},o=(a,n,s,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of N(n))!k.call(a,l)&&l!==s&&t(a,l,{get:()=>n[l],enumerable:!(c=m(n,l))||c.enumerable});return a};var b=(a,n,s)=>(s=a!=null?h(u(a)):{},o(n||!a||!a.__esModule?t(s,"default",{value:a,enumerable:!0}):s,a)),w=a=>o(t({},"__esModule",{value:!0}),a);var r=g((M,i)=>{i.exports=_jsx_runtime});var S={};y(S,{default:()=>I,frontmatter:()=>A});var e=b(r()),A={title:"Maybe monad in TS",date:"2024-05-29",tags:["typescript","fp"],draft:!1,summary:"TS\uC5D0\uC11C Maybe monad\uB97C \uAD6C\uD604\uD574 \uBCF4\uC790",images:[],layout:"PostSimple",authors:["default"]};function p(a){let n=Object.assign({h1:"h1",a:"a",span:"span",p:"p",ul:"ul",li:"li",pre:"pre",code:"code",ol:"ol",div:"div",h2:"h2",h3:"h3"},a.components),{TOCInline:s,Image:c}=n;return c||d("Image",!0),s||d("TOCInline",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(n.h1,{id:"\uBAA9\uCC28",children:[(0,e.jsx)(n.a,{href:"#\uBAA9\uCC28","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"\uBAA9\uCC28"]}),(0,e.jsx)(s,{toc:a.toc,exclude:"\uBAA9\uCC28",toHeading:2}),(0,e.jsx)(n.p,{children:"\u26A0\uFE0F TS v5.4.5 \uAE30\uC900\uC73C\uB85C \uC791\uC131"}),(0,e.jsx)(n.p,{children:"\uC804\uCCB4 \uCF54\uB4DC"}),(0,e.jsx)(n.ul,{children:(0,e.jsx)(n.li,{children:(0,e.jsx)(n.a,{href:"https://www.typescriptlang.org/play/?noUncheckedIndexedAccess=true&noUnusedParameters=true&target=6&jsx=0&exactOptionalPropertyTypes=true&noFallthroughCasesInSwitch=true&noUnusedLocals=false#code/CYUwxgNghgTiAEAzArgOzAFwJYHtXywGcA5HDY5CCIgCwB4AVAPgAoAPALngYEou2CheAFE2kZKEYAaeKkoR4AH3hpQiLKhDAmAbgBQesHkIZ4GKAHMAygE8AtgCMcCgLzxbj5ywBEiKADccGAZLbx59DBsABwQAMQCg6XhiJng3BngAMngAb3gAbXNreycIAF0Afi5ieABffT1ImPgASTtLECsQDBbgNPh4wJg6OUcQGBlvNo6unuBvXUbohAAZKAcQCFne-sHE0Y2J+G81ja3u3oWGptX1zZaMEDt+nL14AmAuA-H9d9QoOwgLgmGAaCz6eoGAD0UPgRjsUQgIAERio4GweD0oEgsAQRlQJng0DOswAQshEIhxlwAErgILAOjTCydC7AGR0owwRmnTbbdnwXkQB5PJiLbHQOBw4ymLDtFn8whcACCMBgUBsTPlrLm4vAkrxMqJd3OcyV8FV6s1Qv5iz0MOlBNl2v5XGZOp2ylUIHUmmAhiNcpmbP6QYVbMI+QADGV9A78YTiXy2VwbSGvag1BotAGncaSSG3EnTb1IzGGq93g6AO5YDA0HDIUwAWQ1GwMVdhAAEMIQALTImKYAdqoIcN7wB0ARgAdNxlvAAOTe31aRdwqCoVBkeAbFSELTwKBCTcETPIszLGcTh0AJjnAHkHAArdGCeBRHCEQhYBwQGxLiu2bAIu17vAmpjFrMUb9FB3TkpS4z5GGHrAGU+RwXMsYdpOsIQfmyYYFOqYmiKzwZlmfoTvhmFTrBJpkhSVIwMhLohhUFTJFAxCVDOGEMexnHENx2HUUamG3mkE7vEQpDkPItAsCh-I8Fk2SyWQFBUIpmG9Dw0nvPAnGYQhzGscGWEVHxuloQZ7xcEBfoNJ28A9v2g7oiOMBjvOzSLnIVDrmAm7bqYe7IAefTHke+AaKAAg3GBjqEv8gIwUWAkYKZSHKWy6E2WUM6pSAznJaYxV0S4BkafJ2mEDQSlsXMqmZOpJCaQp9UsDZ+mGYZnEOm5A5sEOGBeT5T6vpg76ft+v7-oB56riBSV9e8JlMTlTW9PlmU7UVAIgHZ8BfPIpX4cVklVX1SntbV1BdblzVqYIclaQ9DU9cdxmZdlLFPTtVn8QWlkHYCx2nVQqkccc3jnUaxUAMxSX1G2If9219DDwk8UDNlGUJIlWcVBOwxCBiVrh+5ghaaoajO7RRDFfQMAuFjILA-rgeJmUkWcZFKCoS3Af05nhlhBkzuoECPDAt1vZ1NC9YZUvQBgrZRCwjUWXpaRMMdwOETtx3vFLWAy+M8sdXVSsm-ADNQJr3V7cAqkuKkaNmQDaF4y7ZQ8FIBk8NG2G1BT1HQN+yRkDQNOU+8USgv4UCPGVMDIJgQQsKpORh31UTIH+WBgPAJgp8X8A4Ig2e5MdcAYMgMD4Jo1bR-WYLZ78hlhwZBdFyXjPZ9UMdx3X3SN-g7eEF37x54ZffUCXiBqxrQ9t7HqAWLXa3wPXE9mLH08GXPCeF4v8AshgD4wMIEAHowrDJxAyBAtwfDcNva17038BPy-M91AnD3cCkchAACkIoYEYPAZEjxMxCFIKgd66wkR0DQAAa23NWVAYpP4JyTinBAf9X4MAAYnLAydU4QXTpnOWxCuC8DwYZKeM5iH9GIQAk+H4z4VzLtgEuVc6AAFUYFsDgcABBeBkF-hAGg1AmCcDYLFCweh8AhHvwgSYYRqR46GW-s3EArdNEYBUVAZ+IBwjHxwqffu8BGZ0BpKwRAqAuCmPMQwt2qQaQaMgXQRB0jUGONSMoOSG8t66O5nmOAhBKCmDcM4lgLDiGWJ3lgRA8AWDRNiWkFwbgAoKEUMoLJMscluEcloVS+j15ghnFXTuY8G4-2MbU6uxSMApO7r3HhS8V6OwcawY6zjXGqMYe7eAxi-FSPkCg2RQTBahLBIHPqPitH+OmTI-pwTqmbyYe8KpCSklmJfh02eXTbGX2vrfA8a8MgRN3uPH+hzzGcKAThG48Bmy+IyG4TkDI6AgkWULBRSjUhuF0fkAACmeeA6CQA2CrtwMow8kHrNQQwSFZRFiz1KigdAGJYqEE+VojIsCQDwPgL87k-yMCgk3jIDBWCcEDL6nALknxuBLPgO-VlDJ3xEqgcwJh+FiFCDcJNdErCjkgEIJk+k3ITn3MafgEVM4QD+HGDYLWyS9a-ylfAAAhLk2Q8gXpsMNWU4WfoOnALhKAj5bZZEQu8lEIQpLyWUsZACulQLGW4N0eQyhCBE44BdVwJ1Iaj75wIVQmUNCMBZ2DaG+A4aXU52OiwxNoqPzOsjZ0-O3TS7mH4UgbydgAmyOYG4l+HiuATLWVQGZD8tkLJ2XctJGS2G5LySawpurzGlKFpRCpir94tosC0+pO8qnNLqckl5+bbF8IrsAHANc7lVJbvamwGwWC5wVVwheFcHBxToAAaVEeIoQXqLAyBJWIslEjo4oobRshliimUsGOrCmwXBz1usfd+hFKahCcU0OqmAJ14Cns5X1do27X4TMFSEkedKg67LKrIWBwGw05qyLkAoTMNBQaRR-ZQ+S6gvDtjOajGac0wbWvkb9JG4MbBnBcm+d8QAsHyQHY6kIp0PIMa3Vs8HuNYZzfus5599H9M-TvIZGTM1cH5XQYDTBPEUvoysqB9biSBNwch9uraGn7yIPyxJh8ZyZuVjvTiInWOIFLeWlgBzLPWZs2tYeRnx11Mk6csSUTpXZLcPZkAM4V3Z0lsezMPhjzzBkDO6uiNbxTh4B5mc0XgA+AAF5iG8AlyBE6py3kRmlyW+itZ5DizIXLJdagabi-AAA1PAWr6X2NXK44jKMUZLETl0TWOsNAt3tj6jRXmgpSKPHIoOn0IsQsOqlk51FXHvYedNsvFOq9tbi11u7O2oWls4DLSt52IM9IO01nbd4Z2jaux1Z7LaOsfbWT9vR5Z72uXHTY90S5nGWDlNdqVSJKVDrAhpTTBb8GjsnZfUiHbqF1v202+rR2WsAD6a29YHcW4547zmeqXbkzvQyLB0c9Qe79TaLFMeY14vkcnftiaHU++8XjO8kc-avhx653gwhdxtQN2EtZ6wjbCyugy43+bTb5vcabgtAf9EOxFznmWfDe3y2LmHzm1uq7ij4GymvDt49h3prjPVOcVbtruggmMZD43q9jknhlHsY2e-Tgqn3Ocdf+4DvrY2EZg8LbSreUPWMq++2r7wGuZDG+W3D1bmMys7wy-r7whvY+4-j2b27JZXaW8E8TneNvvb25dnUTx12CKmj+mLVCHumdgxAF777Pvef89eT3CUuIMOXyFGRWIpaugwHA64jT4a7BEFkf36bixKbHhsOgJAaBMC4HwJl0QAJERcbTQHvMxYyKy+FPLtwUBqxQDrBfboM+niD+O8P8Dk7DIOmo0lMOPdiqECiFAMACBlQWybnLnVU-nwkIHQSwCZjcA8FKB8DAIgI7wnG7ylFAPAKiG-xkS4F0TgCgBXVQAWnyDgKiBIzAx+AMnyFPTdDp0wLHhwLwHwMIOILVVIJ3khSP35BIxvzsE4QF3hn3ymyeCPwFgojmz9BRkMkIPQKRDr35FJgYN9nOyxk4gYNKgdEIPgEAFjBwARkHAAF0fgEAABmwAF1XAAcQcABSm+AasUER4QAABr4BAAJUfgEAAoWm8bsXsYaUacaGALgAAYRCh3GPB-AsEnhwCXAINQLKHXA2GCgigQEvyICPHuRwL7DoIAkTXGEiCSgkJmVCIgLKBeEhDDiAA",children:"TS playground"})})}),(0,e.jsxs)(n.h1,{id:"\uBB38\uC81C",children:[(0,e.jsx)(n.a,{href:"#\uBB38\uC81C","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"\uBB38\uC81C"]}),(0,e.jsx)(n.p,{children:"TypeScript\uB97C \uB2E4\uB8E8\uB2E4 \uBCF4\uBA74 nullish value\uB97C \uC790\uC8FC \uB9CC\uB098\uAC8C \uB41C\uB2E4"}),(0,e.jsxs)(n.p,{children:["\uD2B9\uD788 ",(0,e.jsx)(n.a,{href:"./indexed-access-type",children:"noUncheckedIndexedAccess"})," \uC635\uC158\uC744 \uCF1C\uBA74 \uB354 \uB9CE\uC740 nullish value\uB97C \uBCFC \uC218 \uC788\uB2E4"]}),(0,e.jsx)(n.p,{children:"\uC608\uB97C \uB4E4\uC5B4 \uC544\uB798\uC640 \uAC19\uC740 \uB370\uC774\uD130\uAC00 \uC788\uB2E4\uACE0 \uD558\uC790"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," tagSymbol ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token function",children:"Symbol"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token string",children:"'favorTag'"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"type"})," ",(0,e.jsxs)(n.span,{className:"token class-name",children:["Favor",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token constant",children:"N"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"&"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"tagSymbol",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"?"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"N"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"type"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"ImageSetId"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," Favor",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"number"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token string",children:"'ImageSetId'"}),(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"type"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"LabelSetId"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," Favor",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"number"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token string",children:"'LabelSetId'"}),(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"type"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"LabelItem"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" id",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"number"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" name",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"string"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// \uBCF5\uC7A1\uD55C \uB370\uC774\uD130"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"declare"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token operator",children:":"})," Record",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"ImageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:","})," Record",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"LabelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:","})," LabelItem",(0,e.jsx)(n.span,{className:"token operator",children:">>"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// imageSetIds\uC640 labelSetIds\uC758 \uAC12\uC744 \uAC00\uC9C0\uACE0 labelSetBuffer\uC5D0\uC11C LabelItem\uC744 \uAEBC\uB0BC \uC218 \uC788\uB2E4"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"declare"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," imageSetIds",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"Array"}),(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"ImageSetId",(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"declare"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSetIds",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"Array"}),(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"LabelSetId",(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsx)(n.p,{children:"\uC774\uB7F0 \uB370\uC774\uD130 \uAD6C\uC870\uAC00 \uC788\uB2E4\uBA74 \uC774\uB807\uAC8C \uC0AC\uC6A9\uD560 \uAC83\uC774\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," imageSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," imageSetIds",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token number",children:"0"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," labelSetIds",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token number",children:"0"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSet ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// ...labelSet\uC744 \uC0AC\uC6A9\uD55C \uB85C\uC9C1\uB4E4"}),` `]})]})}),(0,e.jsx)(n.p,{children:"\uADF8\uB7EC\uB098 \uC774\uB807\uAC8C \uC0AC\uC6A9\uD558\uBA74 nullish \uCC38\uC870 \uC624\uB958\uAC00 \uB098\uAE30 \uC27D\uB2E4"}),(0,e.jsxs)(n.ol,{children:[(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.code,{children:"imageSetIds"}),"\uC640 ",(0,e.jsx)(n.code,{children:"labelSetIds"}),"\uB294 \uBE48 \uBC30\uC5F4\uC77C \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 ",(0,e.jsx)(n.code,{children:"imageSetId"}),"\uC640 ",(0,e.jsx)(n.code,{children:"labelSetId"}),"\uB294 ",(0,e.jsx)(n.code,{children:"undefined"}),"\uC77C \uC218 \uC788\uB2E4"]}),(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.code,{children:"imageSetId"})," \uC18D\uC131\uC740 ",(0,e.jsx)(n.code,{children:"labelSetBuffer"}),"\uC5D0 \uC5C6\uC744 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 ",(0,e.jsx)(n.code,{children:"labelSetBuffer[imageSetId][labelSetId]"}),"\uB294 nullish \uCC38\uC870 \uC624\uB958\uAC00 \uB0A0 \uC218 \uC788\uB2E4"]}),(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.code,{children:"imageSetId"})," \uC18D\uC131\uC774 \uC788\uB2E4\uACE0 \uD574\uB3C4 ",(0,e.jsx)(n.code,{children:"labelSetId"})," \uC18D\uC131\uC774 \uC5C6\uC744 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 ",(0,e.jsx)(n.code,{children:"labelSetBuffer[imageSetId][labelSetId]"}),"\uB294 ",(0,e.jsx)(n.code,{children:"undefined"}),"\uC77C \uC218 \uC788\uB2E4"]})]}),(0,e.jsxs)(n.p,{children:["\uC774\uB7F0 \uC624\uB958\uB97C \uBC29\uC9C0\uD558\uAE30 \uC704\uD574\uC11C ",(0,e.jsx)(n.code,{children:"noUncheckedIndexedAccess"})," \uC635\uC158\uC744 \uCF20\uB2E4"]}),(0,e.jsx)(n.pre,{className:"language-typescript",children:(0,e.jsxs)(n.code,{className:"code-highlight language-typescript",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// const imageSetId: ImageSetId | undefined"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," imageSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," imageSetIds",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token number",children:"0"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// const labelSetId: LabelSetId | undefined"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," labelSetIds",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token number",children:"0"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// @ts-expect-error:"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// 1. Type 'undefined' cannot be used as an index type."}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// 2. Object is possibly 'undefined'."}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSet ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsxs)(n.p,{children:[(0,e.jsx)(n.code,{children:"noUncheckedIndexedAccess"})," \uC635\uC158\uC744 \uCF1C\uBA74 \uD0C0\uC785 \uC624\uB958\uAC00 \uB9CE\uC774 \uB09C\uB2E4"]}),(0,e.jsx)(n.p,{children:"\uD0C0\uC785 \uC624\uB958\uB97C \uD574\uACB0\uD558\uB294 \uAC00\uC7A5 \uC26C\uC6B4 \uBC29\uBC95\uC740 nullish coalescing operator\uC640 optional chaining\uC744 \uC4F0\uB294 \uAC70\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// const labelSet: LabelItem | undefined"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSet ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"??"})," ",(0,e.jsx)(n.span,{className:"token number",children:"NaN"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"?."}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"??"})," ",(0,e.jsx)(n.span,{className:"token number",children:"NaN"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsx)(n.p,{children:"id\uAC00 NaN\uC77C \uB9AC\uB294 \uC5C6\uC73C\uB2C8 \uB300\uBD80\uBD84\uC758 \uACBD\uC6B0 \uC774\uB807\uAC8C \uD574\uB3C4 \uBB38\uC81C\uAC00 \uC5C6\uB2E4"}),(0,e.jsx)(n.p,{children:"\uADF8\uB7EC\uB098 \uC2E4\uC218\uB85C \uAC1D\uCCB4\uC5D0 NaN \uC18D\uC131\uC774 \uB4E4\uC5B4\uAC08 \uC218\uB3C4 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC644\uC804\uD788 \uC548\uC804\uD55C \uBC29\uC2DD\uC740 \uC544\uB2C8\uB2E4"}),(0,e.jsx)(n.p,{children:"\uB354 \uC548\uC804\uD558\uAC8C \uD558\uB824\uBA74 \uC0BC\uD56D\uC5F0\uC0B0\uC790\uB85C nullish value\uB97C \uAC78\uB7EC\uC57C \uD55C\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// non-nullish type guard"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"declare"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"function"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"isNotNullish"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"x",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," x ",(0,e.jsx)(n.span,{className:"token keyword",children:"is"})," Exclude",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"null"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"}),(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSet ",(0,e.jsx)(n.span,{className:"token operator",children:"="}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token function",children:"isNotNullish"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"&&"})," ",(0,e.jsx)(n.span,{className:"token function",children:"isNotNullish"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token operator",children:"?"})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"?."}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsx)(n.p,{children:"\uC0BC\uD56D\uC5F0\uC0B0\uC790\uB85C \uD574\uACB0\uD558\uB294 \uBC29\uC2DD\uC740 nullish value\uAC00 \uB9CE\uC774\uC9C8\uC218\uB85D \uAC00\uB3C5\uC131\uC774 \uB5A8\uC5B4\uC9C4\uB2E4"}),(0,e.jsx)(n.p,{children:"\uB354 \uC88B\uC740 \uBC29\uBC95\uC740 \uC5C6\uC744\uAE4C?"}),(0,e.jsxs)(n.h1,{id:"maybe-monad",children:[(0,e.jsx)(n.a,{href:"#maybe-monad","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Maybe monad"]}),(0,e.jsxs)(n.p,{children:["\uACB0\uAD6D \uC6B0\uB9AC\uAC00 \uC6D0\uD558\uB294 \uAC74 ",(0,e.jsx)(n.code,{children:"T | undefined | null"}),"\uC778 \uAC12\uC774 \uC788\uC744 \uB54C \uAC12\uC774 ",(0,e.jsx)(n.code,{children:"T"}),"\uC778 \uACBD\uC6B0\uC5D0 \uC5B4\uB5A4 \uB3D9\uC791\uC744 \uD558\uACE0 ",(0,e.jsx)(n.code,{children:"undefined | null"}),"\uC778 \uACBD\uC6B0\uC5D0\uB294 \uC548 \uD558\uB294 \uAC83\uC774\uB2E4"]}),(0,e.jsx)(n.p,{children:"\uC6B0\uB9AC\uB294 \uC774\uBBF8 \uBE44\uC2B7\uD55C \uB3D9\uC791\uC744 \uD558\uB294 \uC790\uB8CC\uAD6C\uC870\uB97C \uC54C\uACE0 \uC788\uB2E4"}),(0,e.jsx)(n.p,{children:"\uBC14\uB85C JS\uC758 \uBC30\uC5F4\uC774\uB2E4"}),(0,e.jsx)(n.p,{children:"JS \uBC30\uC5F4\uC740 \uC784\uC758\uC758 \uAC12\uC5D0 \uB300\uD574\uC11C \uC5F0\uC0B0(map)\uC744 \uC2E4\uD589\uD558\uB294 \uCEE8\uD14C\uC774\uB108\uB85C \uBCFC \uC218 \uC788\uB2E4"}),(0,e.jsx)(n.div,{children:(0,e.jsx)(c,{alt:"array box",src:"/static/images/maybe-monad/array-box.svg",width:"170",height:"220"})}),(0,e.jsx)(n.p,{children:"\uC2E4\uC81C\uB85C nullish value\uB97C \uAC78\uB7EC\uB0B4\uB294 \uC791\uC5C5\uC740 map\uACFC filter\uB97C \uC774\uC6A9\uD558\uBA74 \uAC00\uB2A5\uD558\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSet",(0,e.jsx)(n.span,{className:"token operator",children:":"})," LabelItem ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"filter"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"isNotNullish",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"flatMap"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"filter"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"isNotNullish",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"map"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"?."}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token number",children:"0"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsx)(n.p,{children:"\uADF8\uB7EC\uB098 \uAC00\uB3C5\uC131\uC774 \uBCC4\uB85C \uC88B\uC9C0 \uC54A\uB2E4"}),(0,e.jsxs)(n.p,{children:[(0,e.jsx)(n.code,{children:"filter(isNotNullish)"}),"\uB97C \uC54C\uC544\uC11C \uD574\uC8FC\uB294 \uCEE8\uD14C\uC774\uB108\uAC00 \uC788\uC73C\uBA74 \uC88B\uC9C0 \uC54A\uC744\uAE4C?"]}),(0,e.jsx)(n.p,{children:"non-nullish value\uC5D0 \uB300\uD574\uC11C\uB9CC map\uC744 \uC801\uC6A9\uD574\uC8FC\uB294 \uCEE8\uD14C\uC774\uB108 \uB9D0\uC774\uB2E4"}),(0,e.jsx)(n.p,{children:"\uADF8\uB7F0 \uC790\uB8CC\uAD6C\uC870\uB294 \uC774\uBBF8 \uC788\uB2E4"}),(0,e.jsx)(n.p,{children:"\uBC14\uB85C Maybe monad\uB2E4"}),(0,e.jsxs)(n.p,{children:["Maybe monad\uB294 JS\uC758 \uBC30\uC5F4\uACFC \uBE44\uC2B7\uD55C\uB370 \uAE38\uC774\uAC00 1\uC774\uACE0 map\uC744 \uC6D0\uC18C\uAC00 ",(0,e.jsx)(n.code,{children:"undefined | null"}),"\uC774 \uC544\uB2D0 \uB54C \uC2E4\uD589\uD558\uB294 \uCEE8\uD14C\uC774\uB108\uB77C\uACE0 \uBCFC \uC218 \uC788\uB2E4"]}),(0,e.jsx)(n.div,{children:(0,e.jsx)(c,{alt:"maybe box",src:"/static/images/maybe-monad/maybe-box.svg",width:"230",height:"220"})}),(0,e.jsxs)(n.h1,{id:"maybe-\uAD6C\uD604",children:[(0,e.jsx)(n.a,{href:"#maybe-\uAD6C\uD604","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Maybe \uAD6C\uD604"]}),(0,e.jsx)(n.p,{children:"\uAC04\uB2E8\uD558\uAC8C Maybe\uB97C \uAD6C\uD604\uD574 \uBCF4\uC790"}),(0,e.jsxs)(n.p,{children:["Maybe\uB97C \uAD6C\uD604\uD558\uB294 \uBC29\uC2DD\uC740 \uB2E4\uC591\uD55C\uB370 \uC5EC\uAE30\uC11C\uB294 ",(0,e.jsx)(n.code,{children:"Just"}),"\uC640 ",(0,e.jsx)(n.code,{children:"Nothing"}),"\uC744 \uC774\uC6A9\uD574 \uAD6C\uD604\uD558\uB824\uACE0 \uD55C\uB2E4"]}),(0,e.jsx)(n.p,{children:"Just\uB294 non-nullish value\uB9CC \uBC1B\uB294 \uCEE8\uD14C\uC774\uB108\uACE0 Nothing\uC740 \uB9D0 \uADF8\uB300\uB85C \uC544\uBB34\uAC83\uB3C4 \uC548 \uBC1B\uB294 \uCEE8\uD14C\uC774\uB108\uB2E4"}),(0,e.jsx)(n.p,{children:"\uBC30\uC5F4\uC758 map\uC740 \uD56D\uC0C1 \uBC30\uC5F4\uC744 \uBC18\uD658\uD558\uC9C0\uB9CC Maybe\uC758 map\uC740 \uC5F0\uC0B0 \uACB0\uACFC\uAC00 nullish value\uBA74 Nothing, non-nullish value\uBA74 Just\uB97C \uBC18\uD658\uD55C\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"class"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"Nothing"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"private"})," ",(0,e.jsx)(n.span,{className:"token function",children:"constructor"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"static"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"of"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"new"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"Nothing"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token function",children:"map"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Nothing ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token function",children:"flatMap"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Nothing ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token comment",children:"// \uCEE8\uD14C\uC774\uB108\uC5D0\uC11C \uB0B4\uC6A9\uBB3C\uC744 \uAEBC\uB0B4\uB294 \uBA54\uC11C\uB4DC"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"getOrElse"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," value",(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"class"})," ",(0,e.jsxs)(n.span,{className:"token class-name",children:["Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"extends"})," NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"unknown"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})]})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"private"})," value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"private"})," ",(0,e.jsx)(n.span,{className:"token function",children:"constructor"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"value ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," value",(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"static"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"of"}),(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"U"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"extends"})," ",(0,e.jsxs)(n.span,{className:"token class-name",children:["NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"unknown"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]}),(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"U"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"U"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"new"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"Just"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"map"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token function function-variable",children:"fn"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," Nothing ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," result ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token function",children:"fn"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"value",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"if"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"result ",(0,e.jsx)(n.span,{className:"token operator",children:"==="})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"null"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"||"})," result ",(0,e.jsx)(n.span,{className:"token operator",children:"==="})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," Nothing",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"of"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," Just",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"of"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"result",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"flatMap"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token function function-variable",children:"fn"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"}),` Nothing `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," Nothing ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token function",children:"fn"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"value",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token function",children:"getOrElse"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"value",(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"class"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"Maybe"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"static"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"fromNullable"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," Nothing ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"if"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value ",(0,e.jsx)(n.span,{className:"token operator",children:"==="})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"null"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"||"})," value ",(0,e.jsx)(n.span,{className:"token operator",children:"==="})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," Nothing",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"of"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," Just",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"of"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]})]})}),(0,e.jsx)(n.p,{children:"\uC774\uB7F0 \uC2DD\uC73C\uB85C \uC4F8 \uC218 \uC788\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelSet",(0,e.jsx)(n.span,{className:"token operator",children:":"})," LabelItem ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," Maybe",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"fromNullable"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"flatMap"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" Maybe",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"fromNullable"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"map"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"?."}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"getOrElse"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsx)(n.p,{children:"\uC774\uC81C filter\uC640 \uD0C0\uC785 \uAC00\uB4DC\uB97C \uBC18\uBCF5\uD574\uC11C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uC544\uB3C4 \uB41C\uB2E4!"}),(0,e.jsx)(n.p,{children:"\uBC18\uBCF5\uC740 \uC904\uC5C8\uC9C0\uB9CC \uBC30\uC5F4\uC744 \uC37C\uC744 \uB54C\uCC98\uB7FC flatMap\uC73C\uB85C \uC778\uD574 depth\uAC00 \uAE4A\uC5B4\uC9C0\uB294 \uAC78 \uBCFC \uC218 \uC788\uB2E4"}),(0,e.jsx)(n.p,{children:"\uC774\uB7F0 depth\uB97C \uC904\uC774\uB824\uBA74 bind\uB97C \uC4F0\uBA74 \uB41C\uB2E4"}),(0,e.jsxs)(n.h1,{id:"bind",children:[(0,e.jsx)(n.a,{href:"#bind","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Bind"]}),(0,e.jsx)(n.p,{children:"bind\uB294 \uCEE8\uD14C\uC774\uB108\uC758 \uAC12\uC744 \uBF51\uC544\uC11C \uBCC0\uC218\uC5D0 \uB300\uC785\uD558\uB294 \uB3D9\uC791\uC744 \uB9D0\uD55C\uB2E4"}),(0,e.jsx)(n.p,{children:"\uC6B0\uB9AC\uB294 \uC774\uBBF8 bind\uB97C \uC54C\uACE0 \uC788\uB2E4"}),(0,e.jsxs)(n.p,{children:["\uBC14\uB85C ",(0,e.jsx)(n.code,{children:"await"}),"\uB2E4"]}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"declare"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," ",(0,e.jsx)(n.span,{className:"token function function-variable",children:"getLabelItemFromServer"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"Promise"}),(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"LabelItem",(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"async"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"function"})," ",(0,e.jsx)(n.span,{className:"token function",children:"bindExample"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelItem",(0,e.jsx)(n.span,{className:"token operator",children:":"})," LabelItem ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"await"})," ",(0,e.jsx)(n.span,{className:"token function",children:"getLabelItemFromServer"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token comment",children:"// ..."}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]})]})}),(0,e.jsxs)(n.p,{children:["\uC704 \uCF54\uB4DC\uB294 ",(0,e.jsx)(n.code,{children:"Promise"}),"\uB77C\uB294 \uCEE8\uD14C\uC774\uB108\uC5D0\uC11C \uAC12\uB9CC \uBF51\uC544\uC11C ",(0,e.jsx)(n.code,{children:"labelItem"}),"\uC774\uB77C\uB294 \uBCC0\uC218\uC5D0 binding\uD558\uACE0 \uC788\uB2E4"]}),(0,e.jsxs)(n.p,{children:["Promise\uB294 \uC2E4\uD328\uD560 \uC218 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uC5F0\uC0B0 \uACB0\uACFC\uB294 ",(0,e.jsx)(n.code,{children:"LabelItem"}),"\uC774 \uC544\uB2C8\uB2E4"]}),(0,e.jsxs)(n.p,{children:["\uADF8\uB7EC\uB098 \uC2E4\uD328\uD588\uC744 \uACBD\uC6B0\uB97C async \uBE14\uB85D\uC774 \uC54C\uC544\uC11C \uCC98\uB9AC\uD558\uAE30 \uB54C\uBB38\uC5D0 \uC6B0\uB9AC\uB294 \uC131\uACF5\uD588\uB2E4 \uCE58\uACE0 ",(0,e.jsx)(n.code,{children:"LabelItem"}),"\uC744 \uC4F8 \uC218 \uC788\uB294 \uAC83\uC774\uB2E4"]}),(0,e.jsx)(n.p,{children:"async \uBE14\uB85D\uC774 \uC2E4\uD328 \uCF00\uC774\uC2A4\uB97C \uC54C\uC544\uC11C \uCC98\uB9AC\uD558\uB4EF\uC774 Maybe monad\uAC00 Nothing \uCF00\uC774\uC2A4\uB97C \uC54C\uC544\uC11C \uCC98\uB9AC\uD558\uB3C4\uB85D \uD558\uBA74 non-nullish value\uB9CC \uAC00\uC9C0\uACE0 \uCF54\uB4DC\uB97C \uC9E4 \uC218 \uC788\uC9C0 \uC54A\uC744\uAE4C?"}),(0,e.jsx)(n.p,{children:"\uD55C \uBC88 \uD574\uBCF4\uC790"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"type"})," ",(0,e.jsxs)(n.span,{className:"token class-name",children:["Must",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," Record",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"string"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"unknown"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})]})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token constant",children:"P"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"in"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"keyof"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"-"}),(0,e.jsx)(n.span,{className:"token operator",children:"?"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token constant",children:"P"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"function"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"isMust"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"extends"})," Record",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"string"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"unknown"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"record",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," record ",(0,e.jsx)(n.span,{className:"token keyword",children:"is"})," Must",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," values ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," Object",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"values"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"record",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," values",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"every"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," value ",(0,e.jsx)(n.span,{className:"token operator",children:"!=="})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"null"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"&&"})," value ",(0,e.jsx)(n.span,{className:"token operator",children:"!=="})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"class"})," ",(0,e.jsxs)(n.span,{className:"token class-name",children:["Maybe",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"Props ",(0,e.jsx)(n.span,{className:"token keyword",children:"extends"})," Record",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"string"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"unknown"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})]})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"private"})," props",(0,e.jsx)(n.span,{className:"token operator",children:":"})," Props",(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"private"})," ",(0,e.jsx)(n.span,{className:"token function",children:"constructor"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"props",(0,e.jsx)(n.span,{className:"token operator",children:":"})," Props",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"props ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," props",(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"static"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"fromNullable"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"value",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," Nothing ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token comment",children:"// ..."}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"static"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"do"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"new"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"Maybe"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsxs)(n.span,{className:"token generic-function",children:[(0,e.jsx)(n.span,{className:"token function",children:"bind"}),(0,e.jsxs)(n.span,{className:"token class-name generic",children:[(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"K"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"extends"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"string"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"extends"})," NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token builtin",children:"unknown"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})]})]}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" key",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"K"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"extends"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"keyof"})," Props ",(0,e.jsx)(n.span,{className:"token operator",children:"?"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"never"})," ",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"K"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" maybe",(0,e.jsx)(n.span,{className:"token operator",children:":"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"T"}),(0,e.jsx)(n.span,{className:"token operator",children:">"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"}),` Nothing `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," nextProps",(0,e.jsx)(n.span,{className:"token operator",children:":"})," Props ",(0,e.jsx)(n.span,{className:"token operator",children:"&"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"p ",(0,e.jsx)(n.span,{className:"token keyword",children:"in"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"K"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"T"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"null"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token operator",children:"..."}),(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"props",(0,e.jsx)(n.span,{className:"token punctuation",children:","}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"key",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," maybe",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"getOrElse"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token keyword",children:"null"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"new"})," ",(0,e.jsx)(n.span,{className:"token class-name",children:"Maybe"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"nextProps",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"public"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"}),(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token function function-variable",children:"fn"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"props",(0,e.jsx)(n.span,{className:"token operator",children:":"})," Must",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"Props",(0,e.jsx)(n.span,{className:"token operator",children:">"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," ",(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," Just",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),"NonNullable",(0,e.jsx)(n.span,{className:"token operator",children:"<"}),(0,e.jsx)(n.span,{className:"token constant",children:"R"}),(0,e.jsx)(n.span,{className:"token operator",children:">>"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," Nothing ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"return"})," ",(0,e.jsx)(n.span,{className:"token function",children:"isMust"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"props",(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"?"})," Maybe",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"fromNullable"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token function",children:"fn"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token keyword",children:"this"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),"props",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:":"})," Nothing",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"of"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),` `]})]})}),(0,e.jsx)(n.p,{children:"Promise\uC758 async-await\uCC98\uB7FC Maybe\uC758 do-bind\uB97C \uC4F8 \uC218 \uC788\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelItem",(0,e.jsx)(n.span,{className:"token operator",children:":"})," LabelItem ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," Maybe",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"do"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"bind"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token string",children:"'imageSetId'"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," Maybe",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"fromNullable"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"bind"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token string",children:"'labelSetId'"}),(0,e.jsx)(n.span,{className:"token punctuation",children:","})," Maybe",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"fromNullable"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"return"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token punctuation",children:"{"})," imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:","})," labelSetId ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"=>"})," labelSetBuffer",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"?."}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"."}),(0,e.jsx)(n.span,{className:"token function",children:"getOrElse"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsxs)(n.h1,{id:"\uACB0\uB860",children:[(0,e.jsx)(n.a,{href:"#\uACB0\uB860","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"\uACB0\uB860"]}),(0,e.jsxs)(n.h2,{id:"maybe-monad\uB294-ts\uC5D0-\uD544\uC694\uD55C\uAC00",children:[(0,e.jsx)(n.a,{href:"#maybe-monad\uB294-ts\uC5D0-\uD544\uC694\uD55C\uAC00","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Maybe monad\uB294 TS\uC5D0 \uD544\uC694\uD55C\uAC00?"]}),(0,e.jsx)(n.p,{children:"\uADF8\uB807\uC9C0 \uC54A\uB2E4"}),(0,e.jsxs)(n.h3,{id:"null-safe\uD558\uAC8C-ts\uB97C-\uC4F8-\uC218-\uC788\uB2E4",children:[(0,e.jsx)(n.a,{href:"#null-safe\uD558\uAC8C-ts\uB97C-\uC4F8-\uC218-\uC788\uB2E4","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"null-safe\uD558\uAC8C TS\uB97C \uC4F8 \uC218 \uC788\uB2E4"]}),(0,e.jsxs)(n.p,{children:["TS\uB294 union type\uC744 \uC9C0\uC6D0\uD558\uAE30 \uB54C\uBB38\uC5D0 ",(0,e.jsx)(n.code,{children:"Just | Nothing"})," \uB300\uC2E0 ",(0,e.jsx)(n.code,{children:"T | null"}),"\uB85C \uB300\uC0C1\uC774 null\uC77C \uC218 \uC788\uB2E4\uB294 \uAC78 \uD0C0\uC785 \uCC28\uC6D0\uC5D0\uC11C \uC54C\uB9B4 \uC218 \uC788\uB2E4"]}),(0,e.jsxs)(n.p,{children:["\uB610\uD55C ",(0,e.jsx)(n.code,{children:"strictNullCheck"}),", ",(0,e.jsx)(n.code,{children:"noUncheckedIndexedAccess"}),", ",(0,e.jsx)(n.code,{children:"exactOptionalPropertyTypes"})," \uC635\uC158\uC744 \uD65C\uC131\uD654\uD558\uBA74 \uC2E4\uC218\uB85C nullish value\uB97C \uC0AC\uC6A9\uD558\uB294 \uAC78 \uBC29\uC9C0\uD560 \uC218 \uC788\uB2E4"]}),(0,e.jsxs)(n.h3,{id:"\uB7EC\uB2DD\uCEE4\uBE0C",children:[(0,e.jsx)(n.a,{href:"#\uB7EC\uB2DD\uCEE4\uBE0C","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"\uB7EC\uB2DD\uCEE4\uBE0C"]}),(0,e.jsx)(n.p,{children:"\uD63C\uC790 \uAC1C\uBC1C\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB77C\uBA74 \uBB38\uC81C \uC5C6\uACA0\uC9C0\uB9CC \uB2E4\uB978 \uC0AC\uB78C\uACFC \uC791\uC5C5\uD558\uB294 \uD504\uB85C\uC81D\uD2B8\uB77C\uBA74 \uB7EC\uB2DD\uCEE4\uBE0C\uB97C \uBB34\uC2DC\uD560 \uC218 \uC5C6\uB2E4"}),(0,e.jsxs)(n.p,{children:["Maybe monad\uB97C \uC775\uD788\uB294\uB370 \uD544\uC694\uD55C \uBE44\uC6A9\uBCF4\uB2E4 \uD6A8\uC6A9\uC774 \uD06C\uB2E4\uBA74 \uD560\uB9CC\uD558\uACA0\uC9C0\uB9CC ",(0,e.jsx)(n.a,{href:"#%EB%8C%80%EC%95%88",children:"\uB300\uC548"}),"\uC774 \uC788\uAE30 \uB54C\uBB38\uC5D0 \uD6A8\uC6A9\uC774 \uADF8\uB807\uAC8C \uD06C\uC9C0 \uC54A\uB2E4"]}),(0,e.jsxs)(n.h2,{id:"\uB300\uC548",children:[(0,e.jsx)(n.a,{href:"#\uB300\uC548","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"\uB300\uC548"]}),(0,e.jsx)(n.p,{children:"symbol\uC744 \uC774\uC6A9\uD55C\uB2E4"}),(0,e.jsx)(n.pre,{className:"language-ts",children:(0,e.jsxs)(n.code,{className:"language-ts code-highlight",children:[(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," skip ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token function",children:"Symbol"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"("}),(0,e.jsx)(n.span,{className:"token string",children:"'skip'"}),(0,e.jsx)(n.span,{className:"token punctuation",children:")"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"declare"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," skippable",(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"readonly"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"skip",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"never"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token constant",children:"K"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ImageSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token keyword",children:"readonly"})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"skip",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," ",(0,e.jsx)(n.span,{className:"token builtin",children:"never"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),(0,e.jsx)(n.span,{className:"token constant",children:"P"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," LabelSetId",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:":"})," LabelItem",(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[" ",(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token keyword",children:"const"})," labelItem",(0,e.jsx)(n.span,{className:"token operator",children:":"})," LabelItem ",(0,e.jsx)(n.span,{className:"token operator",children:"|"})," ",(0,e.jsx)(n.span,{className:"token keyword",children:"undefined"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," skippable",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"imageSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"??"})," skip",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token operator",children:"?."}),(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"labelSetId ",(0,e.jsx)(n.span,{className:"token operator",children:"??"})," skip",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]}),(0,e.jsx)(n.span,{className:"code-line",children:` `}),(0,e.jsxs)(n.span,{className:"code-line",children:[(0,e.jsx)(n.span,{className:"token comment",children:"// @ts-expect-error: Cannot assign to '[skip]' because it is a read-only property."}),` `]}),(0,e.jsxs)(n.span,{className:"code-line",children:["skippable",(0,e.jsx)(n.span,{className:"token punctuation",children:"["}),"skip",(0,e.jsx)(n.span,{className:"token punctuation",children:"]"})," ",(0,e.jsx)(n.span,{className:"token operator",children:"="})," ",(0,e.jsx)(n.span,{className:"token punctuation",children:"{"}),(0,e.jsx)(n.span,{className:"token punctuation",children:"}"}),(0,e.jsx)(n.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,e.jsx)(n.p,{children:"\uC774\uB807\uAC8C \uD558\uBA74 \uC758\uB3C4\uD558\uC9C0 \uC54A\uC740 \uC18D\uC131\uC744 \uCC38\uC870\uD560 \uC77C\uC774 \uC5C6\uB2E4"}),(0,e.jsxs)(n.h1,{id:"\uCC38\uACE0",children:[(0,e.jsx)(n.a,{href:"#\uCC38\uACE0","aria-hidden":"true",tabIndex:"-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"\uCC38\uACE0"]}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.a,{href:"https://mostly-adequate.gitbook.io/mostly-adequate-guide/ch08#schroedingers-maybe",children:"Mostly adequate guide#maybe"})}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.a,{href:"https://github.com/getify/Functional-Light-JS/blob/master/manuscript/apB.md/#maybe",children:"Functional-Light JavaScript#maybe"})}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.a,{href:"https://www.typescriptlang.org/play/?noUncheckedIndexedAccess=true#code/JYWwDg9gTgLgBAbzhMNgQHZwIYGc4DyANHAGYCuGAxmpjvgGJYC+ZUEIcA5KWALQxcXANwAoUVUy54MbAHMAygE8QAIwgAbOAF44ytZoAUAIlLYAbtAAq84wEoxMJWACmcBhegAeKyQByAHw6cFZwAGSIcADasooq6hoAugD8AFxwfnDMYqJOrnAAkiDyLgouMAUAJsEellBeGORqLlAkxkUlZRWVxgGOzm4AMtiqLhpdVTWe9Y3NrXDGw6Pj5VW9OQD0G3CS4BouAB47mvs06BiilS5UGthQbpIY0nC3y10AQuSkpC3pAErXaCVLyiOCFYpyUqrSpEUFwAGSKDApZjCYwyLASrpWajKDCOAYbAgFzpaRQYAYORZAKiPqXa63e7HJ7wUCdaHpDqQtFwAA+BPIGg0YiuNzuDyk8FeqI5cBRK26fLglCupApLkqOUez3uuEFMFJMHJlJqGAAdGBgK5DHCCGaACIQWFgu2qCmVQxcA5cEiGOw6IJ20jsEB+QWvfaGNnc6F2OzOwhmt0YD1cJQ+uB+gOJ4McMNCkaR6UKqpxhNB24wACy2DAhkMSAOJCUWX92iCCDhYPuMHIUCwQZD+YjLkMxY+Xx+UCiBxSZqiSjnhOJDjhzHjtrNkJgBCgAFENLhR1n29wuBu7KIgA",children:"fp-ts do-bind"})}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.a,{href:"https://stackoverflow.com/questions/58941356/typescript-similar-to-required-but-converting-all-object-properties-to-non-nul",children:"TypeScript, similar to Required, but converting all object properties to non-nullable"})}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.a,{href:"https://www.typescriptlang.org/tsconfig/#strictNullChecks",children:"TS strictNullCheck"})}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.a,{href:"https://www.typescriptlang.org/tsconfig/#noUncheckedIndexedAccess",children:"TS noUncheckedIndexedAccess"})}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.a,{href:"https://www.typescriptlang.org/tsconfig/#exactOptionalPropertyTypes",children:"TS exactOptionalPropertyTypes"})})]})}function f(a={}){let{wrapper:n}=a.components||{};return n?(0,e.jsx)(n,Object.assign({},a,{children:(0,e.jsx)(p,a)})):p(a)}var I=f;function d(a,n){throw new Error("Expected "+(n?"component":"object")+" `"+a+"` to be defined: you likely forgot to import, pass, or provide it.")}return w(S);})(); ;return Component;