{"id":499,"date":"2026-05-17T07:03:23","date_gmt":"2026-05-16T23:03:23","guid":{"rendered":"https:\/\/junai.ai\/blog\/ts-utility-types-11\/"},"modified":"2026-05-17T07:03:23","modified_gmt":"2026-05-16T23:03:23","slug":"ts-utility-types-11","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/ts-utility-types-11\/","title":{"rendered":"\uc720\ud2f8\ub9ac\ud2f0 \ud0c0\uc785 10\uc885 \u2014 Partial\u00b7Pick\u00b7Omit (\uc911\uae09 11\ud3b8)"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 286 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n:root{--color-primary:#3178c6;--color-accent:#60a5fa;--color-bg:#fafafa;--color-bg-card:#ffffff;--color-text:#1e293b;--color-text-muted:#64748b;--hero-start:#0f172a;--hero-end:#3178c6;--font-body:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;--size-body:17px;--line-height:1.75;}\n*{box-sizing:border-box;}\n.container{max-width:760px;margin:0 auto;padding:0 22px 80px;}\n.hero{background:linear-gradient(135deg,var(--hero-start) 0%,var(--hero-end) 100%);color:#fff;padding:72px 22px 56px;text-align:center;}\n.hero .badge{display:inline-block;background:rgba(96,165,250,0.18);color:var(--color-accent);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:0.5px;margin-bottom:18px;}\n.hero h1{margin:0 0 18px;font-size:36px;line-height:1.3;letter-spacing:-0.3px;}\n.hero p.sub{margin:0 auto;max-width:580px;font-size:17px;color:#dbeafe;}\n.hero img{width:100%;max-width:720px;height:auto;margin:36px auto 0;display:block;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.3);}\n.meta{display:flex;gap:14px;justify-content:center;margin-top:20px;font-size:13px;color:#93c5fd;flex-wrap:wrap;}\n.meta span::before{content:\"\u00b7\";margin-right:14px;color:#1e3a8a;}\n.meta span:first-child::before{content:\"\";margin:0;}\narticle{background:var(--color-bg-card);margin-top:-36px;padding:44px 28px;border-radius:14px;box-shadow:0 2px 18px rgba(0,0,0,0.06);}\narticle p{margin:0 0 18px;}\nh2{font-size:28px;line-height:1.35;letter-spacing:-0.3px;margin:48px 0 18px;padding-bottom:10px;border-bottom:2px solid var(--color-primary);}\nh2:first-of-type{margin-top:8px;}\nh3{font-size:21px;line-height:1.4;margin:30px 0 12px;color:var(--color-primary);}\ncode{background:#f1f5f9;color:#0f172a;padding:2px 6px;border-radius:4px;font-family:'SFMono-Regular',Menlo,Consolas,monospace;font-size:0.92em;}\npre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;overflow-x:auto;font-size:14.5px;line-height:1.65;margin:18px 0;}\npre code{background:transparent;color:inherit;padding:0;}\nul,ol{margin:0 0 18px;padding-left:24px;}\nli{margin-bottom:8px;}\nstrong{color:#0f172a;}\n.databox{background:#eff6ff;border-left:4px solid var(--color-primary);padding:18px 20px;border-radius:6px;margin:22px 0;}\n.databox p{margin:0 0 8px;}\n.databox p:last-child{margin:0;}\n.databox strong{color:var(--color-primary);}\n.warnbox{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #d97706;padding:18px 20px;border-radius:6px;margin:22px 0;}\n.warnbox strong{color:#92400e;}\n.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;}\ntable{width:100%;border-collapse:collapse;font-size:15px;background:var(--color-bg-card);}\nth,td{padding:11px 12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top;}\nth{background:#f1f5f9;font-weight:700;color:#0f172a;}\ntd:first-child,th:first-child{font-weight:700;}\n.cta{background:linear-gradient(135deg,#3178c6 0%,#60a5fa 100%);color:#fff;padding:30px 24px;border-radius:12px;margin-top:44px;text-align:center;}\n.cta h3{color:#fff;margin:0 0 10px;}\n.cta p{margin:0;color:#dbeafe;}\n.series-nav{background:#eff6ff;padding:18px 22px;border-radius:10px;margin-top:24px;font-size:14.5px;color:var(--color-text-muted);}\n.series-nav strong{color:var(--color-primary);}\n@media (max-width:480px){.hero{padding:52px 18px 44px;}.hero h1{font-size:26px;}.hero p.sub{font-size:15px;}article{padding:28px 18px;border-radius:10px;}h2{font-size:22px;}h3{font-size:18px;}body{font-size:16px;}pre{font-size:13px;padding:14px 16px;}}\n@media (max-width:560px){.tablewrap table,.tablewrap thead,.tablewrap tbody,.tablewrap tr,.tablewrap th,.tablewrap td{display:block;width:auto;}.tablewrap thead{display:none;}.tablewrap tr{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;}.tablewrap td{border:none;border-bottom:1px solid #f1f5f9;padding:9px 14px;}.tablewrap td:first-child{background:#eff6ff;font-weight:800;font-size:15.5px;}.tablewrap td:last-child{border-bottom:none;}.tablewrap td[data-label]::before{content:attr(data-label) \" \u2014 \";font-weight:700;color:var(--color-primary);}}\n<\/style>\n<header class=\"hero\">\n  <span class=\"badge\">\ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac \u00b7 11\ud3b8 \/ 20\ud3b8<\/span>\n  <h1>\uc720\ud2f8\ub9ac\ud2f0 \ud0c0\uc785 \u2014 Partial\u00b7Pick\u00b7Omit\u00b7Record<\/h1>\n  <p class=\"sub\">TS \uac00 \uc81c\uacf5\ud558\ub294 \ub0b4\uc7a5 \ub3c4\uad6c 10\uc885. \uc911\uae09 \ud30c\ud2b8\uc758 \uc2dc\uc791.<\/p>\n  <div class=\"meta\"><span>\uc911\uae09<\/span><span>\uc77d\ub294 \uc2dc\uac04 7\ubd84<\/span><span>2026-05-17<\/span><\/div>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-65.jpg\" alt=\"Partial\/Pick\/Omit\/Record \ub4f1 \uc720\ud2f8\ub9ac\ud2f0 \ud0c0\uc785\uc774 \uae30\uc874 \ud0c0\uc785\uc744 \ubcc0\ud615\ud558\ub294 \ub3c4\uc2dd\">\n<\/header>\n\n<div class=\"container\">\n<article>\n\n<p>TS \uac00 \uae30\ubcf8 \uc81c\uacf5\ud558\ub294 <strong>\uc720\ud2f8\ub9ac\ud2f0 \ud0c0\uc785<\/strong>\uc740 \uae30\uc874 \ud0c0\uc785\uc5d0\uc11c \uc0c8 \ud0c0\uc785\uc744 \uc989\uc2dc \ub9cc\ub4e4\uc5b4 \uc90d\ub2c8\ub2e4. <code>Partial&lt;User&gt;<\/code> \ud55c \uc904\ub85c &#8220;User \uc758 \ubaa8\ub4e0 \uc18d\uc131\uc744 \uc635\uc158\uc73c\ub85c&#8221; \uac00 \ub429\ub2c8\ub2e4. 11\ud3b8\uc740 \ub9e4\uc77c \ub9cc\ub098\ub294 10\uac1c\ub97c \uc815\ub9ac\ud569\ub2c8\ub2e4 \u2014 \uc911\uae09 \ud30c\ud2b8\uc758 \uc2dc\uc791.<\/p>\n\n<h2>\uae30\uc900 \ud0c0\uc785<\/h2>\n\n<pre><code>interface User {\n  id: number;\n  name: string;\n  email: string;\n  age?: number;\n}<\/code><\/pre>\n\n<h2>Partial&lt;T&gt; \u2014 \ubaa8\ub450 \uc635\uc158\uc73c\ub85c<\/h2>\n\n<pre><code>type UserPatch = Partial&lt;User&gt;;\n\/\/ = { id?: number; name?: string; email?: string; age?: number }\n\nfunction updateUser(id: number, patch: Partial&lt;User&gt;) {\n  \/\/ \uc77c\ubd80\ub9cc \ubcf4\ub0b4\ub3c4 OK\n}\nupdateUser(1, { name: \"\uc900\uc11d\" });<\/code><\/pre>\n\n<h2>Required&lt;T&gt; \u2014 \ubaa8\ub450 \ud544\uc218\ub85c<\/h2>\n\n<pre><code>type StrictUser = Required&lt;User&gt;;\n\/\/ age \uc758 ? \uc81c\uac70\ub428 \u2014 { id; name; email; age }<\/code><\/pre>\n\n<h2>Readonly&lt;T&gt; \u2014 \ubcc0\uacbd \uae08\uc9c0<\/h2>\n\n<pre><code>const u: Readonly&lt;User&gt; = { id: 1, name: \"\uc900\uc131\", email: \"x@y.com\" };\nu.name = \"\uc900\uc11d\";   \/\/ \u274c Cannot assign to 'name' (read-only)<\/code><\/pre>\n\n<h2>Pick&lt;T, K&gt; \u2014 \uc77c\ubd80 \ud0a4\ub9cc \uace8\ub77c\uc11c<\/h2>\n\n<pre><code>type PublicUser = Pick&lt;User, \"id\" | \"name\"&gt;;\n\/\/ = { id: number; name: string }<\/code><\/pre>\n\n<h2>Omit&lt;T, K&gt; \u2014 \uc77c\ubd80 \ud0a4\ub9cc \ube7c\uace0<\/h2>\n\n<pre><code>type UserCreateInput = Omit&lt;User, \"id\"&gt;;\n\/\/ = { name; email; age? }  \u2190 \uc11c\ubc84\uc5d0\uc11c id \ub9cc\ub4e4\uc5b4\uc904 \ub54c<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>Pick vs Omit.<\/strong> \ub458\uc740 \uac70\uc6b8. \ubcf4\ud1b5 <strong>&#8220;\uac00\uc838\uc62c \uac8c \ub9ce\uc73c\uba74 Omit, \uc801\uc73c\uba74 Pick&#8221;<\/strong> \uc774 \uac00\ub3c5\uc131 \uc88b\uc2b5\ub2c8\ub2e4. \ud0a4\uac00 3\uac1c\uc778\ub370 5\uac1c omit \ud558\ub290\ub2c8, 3\uac1c pick \uc774 \uba85\ud655.<\/p>\n<\/div>\n\n<h2>Record&lt;K, V&gt; \u2014 \ud0a4-\uac12 \ud615\ud0dc\uc758 \ud0c0\uc785<\/h2>\n\n<pre><code>type Role = \"admin\" | \"user\" | \"guest\";\n\ntype PermsByRole = Record&lt;Role, boolean&gt;;\n\/\/ = { admin: boolean; user: boolean; guest: boolean }\n\nconst perms: PermsByRole = {\n  admin: true,\n  user: true,\n  guest: false,\n};\n\n\/\/ \uc0ac\uc804\ud615 \uac1d\uccb4\ntype Cache = Record&lt;string, { value: number; ttl: number }&gt;;<\/code><\/pre>\n\n<h2>Exclude&lt;T, U&gt; \u00b7 Extract&lt;T, U&gt; \u2014 \uc720\ub2c8\uc628 \uc881\ud788\uae30<\/h2>\n\n<pre><code>type Status = \"pending\" | \"paid\" | \"shipped\" | \"cancelled\";\n\ntype Active = Exclude&lt;Status, \"cancelled\"&gt;;\n\/\/ = \"pending\" | \"paid\" | \"shipped\"\n\ntype Terminal = Extract&lt;Status, \"shipped\" | \"cancelled\" | \"x\"&gt;;\n\/\/ = \"shipped\" | \"cancelled\"  \u2190 T \uc548\uc5d0 \uc788\ub294 \uac83\ub9cc \uace8\ub77c\ub0c4<\/code><\/pre>\n\n<h2>NonNullable&lt;T&gt; \u2014 null\u00b7undefined \uc81c\uac70<\/h2>\n\n<pre><code>type MaybeUser = User | null | undefined;\ntype DefinitelyUser = NonNullable&lt;MaybeUser&gt;;   \/\/ User<\/code><\/pre>\n\n<h2>ReturnType&lt;F&gt; \u00b7 Parameters&lt;F&gt; \u2014 \ud568\uc218 \uc2dc\uadf8\ub2c8\ucc98\uc5d0\uc11c<\/h2>\n\n<pre><code>function createUser(name: string, age: number) {\n  return { id: 1, name, age, createdAt: new Date() };\n}\n\ntype CreatedUser = ReturnType&lt;typeof createUser&gt;;\n\/\/ = { id: number; name: string; age: number; createdAt: Date }\n\ntype CreateArgs = Parameters&lt;typeof createUser&gt;;\n\/\/ = [name: string, age: number]<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>typeof + ReturnType \uc758 \uc704\ub825.<\/strong> \ub77c\uc774\ube0c\ub7ec\ub9ac \ud568\uc218\uc758 \ubc18\ud658\uc744 \uc9c1\uc811 \uc801\uae30 \uadc0\ucc2e\uc744 \ub54c \uac00\uc7a5 \uc790\uc8fc \uc501\ub2c8\ub2e4. \ud568\uc218 \ubcf8\ubb38\uc774 \ubc14\ub00c\uc5b4\ub3c4 \ud0c0\uc785\uc774 \uc790\ub3d9\uc73c\ub85c \ub530\ub77c\uc634.<\/p>\n<\/div>\n\n<h2>Awaited&lt;T&gt; \u2014 Promise \ud480\uae30<\/h2>\n\n<pre><code>async function loadUser() {\n  return { id: 1, name: \"\uc900\uc131\" };\n}\n\/\/        ^ Promise&lt;{ id; name }&gt;\n\ntype User2 = Awaited&lt;ReturnType&lt;typeof loadUser&gt;&gt;;\n\/\/ = { id: number; name: string }   \u2190 Promise \ubc97\uae40<\/code><\/pre>\n\n<h2>\uc2e4\uc804 \ud328\ud134 \u2014 \uac19\uc774 \uc790\uc8fc \uc4f0\ub294 \uc870\ud569<\/h2>\n\n<pre><code>\/\/ \"id \ube7c\uace0 \ub098\uba38\uc9c0 \ub2e4 \uc635\uc158\" \u2014 PATCH \uc694\uccad\uc6a9\ntype UpdateUserInput = Partial&lt;Omit&lt;User, \"id\"&gt;&gt;;\n\n\/\/ \"User \uc758 \uc77c\ubd80 \ud544\ub4dc\ub9cc readonly\"\ntype WithReadonlyId&lt;T extends { id: unknown }&gt; =\n  Readonly&lt;Pick&lt;T, \"id\"&gt;&gt; &amp; Omit&lt;T, \"id\"&gt;;\n\n\/\/ \"API \uc751\ub2f5 \ud0c0\uc785\uc5d0\uc11c success \ub9cc\"\ntype SuccessResponse = Extract&lt;ApiResponse, { ok: true }&gt;;<\/code><\/pre>\n\n<h2>\ud55c \ud45c\ub85c \uc815\ub9ac<\/h2>\n\n<div class=\"tablewrap\">\n<table>\n  <thead>\n    <tr><th>\uc720\ud2f8\ub9ac\ud2f0<\/th><th>\ud55c \uc904 \uc124\uba85<\/th><\/tr>\n  <\/thead>\n  <tbody>\n    <tr><td data-label=\"\uc720\ud2f8\">Partial&lt;T&gt;<\/td><td data-label=\"\uc124\uba85\">\ubaa8\ub4e0 \uc18d\uc131 \uc635\uc158<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Required&lt;T&gt;<\/td><td data-label=\"\uc124\uba85\">\ubaa8\ub4e0 \uc18d\uc131 \ud544\uc218<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Readonly&lt;T&gt;<\/td><td data-label=\"\uc124\uba85\">\ubaa8\ub4e0 \uc18d\uc131 readonly<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Pick&lt;T, K&gt;<\/td><td data-label=\"\uc124\uba85\">K \ud0a4\ub9cc \uace8\ub77c<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Omit&lt;T, K&gt;<\/td><td data-label=\"\uc124\uba85\">K \ud0a4\ub9cc \ube7c\uace0<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Record&lt;K, V&gt;<\/td><td data-label=\"\uc124\uba85\">\ud0a4-\uac12 \uac1d\uccb4 \ud0c0\uc785<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Exclude&lt;T, U&gt;<\/td><td data-label=\"\uc124\uba85\">T \uc5d0\uc11c U \uc81c\uc678<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Extract&lt;T, U&gt;<\/td><td data-label=\"\uc124\uba85\">T \uc5d0\uc11c U \uc640 \uacb9\uce58\ub294 \uac83\ub9cc<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">NonNullable&lt;T&gt;<\/td><td data-label=\"\uc124\uba85\">null\/undefined \uc81c\uac70<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">ReturnType&lt;F&gt;<\/td><td data-label=\"\uc124\uba85\">\ud568\uc218 \ubc18\ud658 \ud0c0\uc785<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Parameters&lt;F&gt;<\/td><td data-label=\"\uc124\uba85\">\ud568\uc218 \ub9e4\uac1c\ubcc0\uc218 \ud29c\ud50c<\/td><\/tr>\n    <tr><td data-label=\"\uc720\ud2f8\">Awaited&lt;T&gt;<\/td><td data-label=\"\uc124\uba85\">Promise \ubc97\uae30\uae30<\/td><\/tr>\n  <\/tbody>\n<\/table>\n<\/div>\n\n<div class=\"cta\">\n  <h3>12\ud3b8 \u2014 \uc870\uac74\ubd80 \ud0c0\uc785<\/h3>\n  <p>T extends U ? X : Y \u2014 \ubd84\uae30\ud558\ub294 \ud0c0\uc785\uacfc infer \ud0a4\uc6cc\ub4dc.<\/p>\n<\/div>\n\n<div class=\"series-nav\">\n  <strong>\ud83d\udcda \uc27d\uac8c \ubc30\uc6b0\ub294 \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac<\/strong><br>\n  \uc774\uc804: 10\ud3b8 tsconfig \u00b7 \ud604\uc7ac: <strong>11\ud3b8 (\uc911\uae09 \uc2dc\uc791)<\/strong> \u00b7 \ub2e4\uc74c \u2192 12\ud3b8 \uc870\uac74\ubd80 \ud0c0\uc785 \u00b7 \uc9c4\ud589: <strong>11\/20<\/strong>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ub0b4\uc7a5 \uc720\ud2f8\ub9ac\ud2f0 \ud0c0\uc785 10\uc885 \uc2e4\uc804 \uc608\uc81c. 20\ud3b8 \uad50\uc7ac 11\ud3b8 (\uc911\uae09 \uc2dc\uc791).<\/p>\n","protected":false},"author":1,"featured_media":286,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-499","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typescript-basic"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/comments?post=499"}],"version-history":[{"count":0,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/499\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/286"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}