{"id":17127,"date":"2026-08-13T22:45:14","date_gmt":"2026-08-13T13:45:14","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=17127"},"modified":"2026-08-13T22:53:23","modified_gmt":"2026-08-13T13:53:23","slug":"typescript-mapped-types","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=17127","title":{"rendered":"TypeScript, Mapped Types"},"content":{"rendered":"<p>\ub2e4\uc74c\uacfc \uac19\uc740 \ud0c0\uc785\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">\r\ntype T = {\r\n  id: string;\r\n  postId: string;\r\n}\r\n<\/pre>\n<p>\uc704\uc758 \ud0c0\uc785\uc744 \uad6c\uc131\ud558\ub294 \ud0a4\ub4e4\uc740 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">\"id\" | \"postId\"<\/code>\uc778\ub370, \uc774 \ud0a4\ub4e4\ub85c \uad6c\uc131\ub41c \ud0c0\uc785\uc740 \ub2e4\uc74c \ucf54\ub4dc\ub85c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">\r\ntype KEYS = keyof T;\r\n<\/pre>\n<p>\ub2e4\uc74c\uc758 \ucf54\ub4dc\ub97c \ud1b5\ud574 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">T<\/code> \ud0c0\uc785\uc744 \uad6c\uc131\ud558\ub294 \ud0a4\ub4e4\uc758 \ud0c0\uc785\uc744 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">number<\/code>\ub85c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">\r\ntype X = { [K in KEYS]: number };\r\n\/\/ type X = { [K in \"postId\" | \"useId\"]: number };\r\n<\/pre>\n<p>\uc989, \uc704\uc758 \ud0c0\uc785 \uacb0\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">\r\ntype X = {\r\n id: number;\r\n postId: number;\r\n}\r\n<\/pre>\n<p>Mapped Types\ub97c \uc774\uc6a9\ud574 \uac01 \ud0a4\uc640 \uac12\uc5d0 \ub300\ud55c readonly \ub610\ub294 optional\ub85c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">\r\ntype readonly_X = { +readonly [K in KEYS]: number };\r\ntype optional_X = { [K in KEYS]+?: number };\r\n<\/pre>\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">readonly<\/code>\uc640 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">?<\/code> \uc55e\uc5d0 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">+<\/code> \ub610\ub294 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">-<\/code>\ub97c \uc9c0\uc815\ud568\uc73c\ub85c\uc368 readonly\uc640 optioanl\uc744 \uc9c0\uc815\ud560\uc9c0(<code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">+<\/code>) \uc81c\uac70\ud560\uc9c0(<code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">-<\/code>)\ub97c \uacb0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">+-<\/code>\ub97c \uc9c0\uc815\ud558\uc9c0 \uc54a\uc73c\uba74 <code class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\">+<\/code>\uac00 \uc9c0\uc815\ub41c \uac83\uc73c\ub85c \ud310\ub2e8\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ub2e4\uc74c\uacfc \uac19\uc740 \ud0c0\uc785\uc774 \uc788\uc2b5\ub2c8\ub2e4. type T = { id: string; postId: string; } \uc704\uc758 \ud0c0\uc785\uc744 \uad6c\uc131\ud558\ub294 \ud0a4\ub4e4\uc740 &#8220;id&#8221; | &#8220;postId&#8221;\uc778\ub370, \uc774 \ud0a4\ub4e4\ub85c \uad6c\uc131\ub41c \ud0c0\uc785\uc740 \ub2e4\uc74c \ucf54\ub4dc\ub85c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. type KEYS = keyof T; \ub2e4\uc74c\uc758 \ucf54\ub4dc\ub97c \ud1b5\ud574 T \ud0c0\uc785\uc744 \uad6c\uc131\ud558\ub294 \ud0a4\ub4e4\uc758 \ud0c0\uc785\uc744 number\ub85c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. type X = { [K in KEYS]: number }; &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=17127\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;TypeScript, Mapped Types&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[157],"tags":[],"class_list":["post-17127","post","type-post","status-publish","format-standard","hentry","category-typescript"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17127"}],"version-history":[{"count":7,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17127\/revisions"}],"predecessor-version":[{"id":17130,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/17127\/revisions\/17130"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17127"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}