{"id":477,"date":"2026-05-17T07:00:14","date_gmt":"2026-05-16T23:00:14","guid":{"rendered":"https:\/\/junai.ai\/blog\/ts-intro-install-1\/"},"modified":"2026-05-17T07:00:39","modified_gmt":"2026-05-16T23:00:39","slug":"ts-intro-install-1","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/ts-intro-install-1\/","title":{"rendered":"TypeScript\ub780? \uc124\uce58\uc640 tsc \uccab \ucef4\ud30c\uc77c (\uc785\ubb38 1\ud3b8)"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 255 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n:root {\n  --color-primary: #3178c6;\n  --color-accent: #60a5fa;\n  --color-bg: #fafafa;\n  --color-bg-card: #ffffff;\n  --color-text: #1e293b;\n  --color-text-muted: #64748b;\n  --hero-start: #0f172a;\n  --hero-end: #3178c6;\n  --font-body: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;\n  --size-body: 17px;\n  --line-height: 1.75;\n}\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) {\n  .hero { padding: 52px 18px 44px; }\n  .hero h1 { font-size: 26px; }\n  .hero p.sub { font-size: 15px; }\n  article { padding: 28px 18px; border-radius: 10px; }\n  h2 { font-size: 22px; }\n  h3 { font-size: 18px; }\npre { font-size: 13px; padding: 14px 16px; }\n}\n@media (max-width: 560px) {\n  .tablewrap table, .tablewrap thead, .tablewrap tbody, .tablewrap tr, .tablewrap th, .tablewrap td { display: block; width: auto; }\n  .tablewrap thead { display: none; }\n  .tablewrap tr { margin: 0 0 14px; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }\n  .tablewrap td { border: none; border-bottom: 1px solid #f1f5f9; padding: 9px 14px; }\n  .tablewrap td:first-child { background: #eff6ff; font-weight: 800; font-size: 15.5px; }\n  .tablewrap td:last-child { border-bottom: none; }\n  .tablewrap td[data-label]::before { content: attr(data-label) \" \u2014 \"; font-weight: 700; color: var(--color-primary); }\n}\n<\/style>\n<header class=\"hero\">\n  <span class=\"badge\">\ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac \u00b7 1\ud3b8 \/ 20\ud3b8<\/span>\n  <h1>TypeScript\ub780? \uc124\uce58\uc640 tsc \uccab \ucef4\ud30c\uc77c<\/h1>\n  <p class=\"sub\">\uc65c \ud0c0\uc785\uc744 \ub354\ud558\ub294\uc9c0\u00b7\uc124\uce58\u00b7\uccab .ts \ud30c\uc77c\u00b7tsconfig \ucd5c\uc18c \uc124\uc815\uae4c\uc9c0. 20\ud3b8 \uad50\uc7ac\uc758 \uc2dc\uc791.<\/p>\n  <div class=\"meta\"><span>\uc785\ubb38<\/span><span>\uc77d\ub294 \uc2dc\uac04 7\ubd84<\/span><span>2026-05-16<\/span><\/div>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-35.jpg\" alt=\"\uac80\uc740 \ud654\uba74\uc5d0 \ud30c\ub780\uc0c9 TypeScript \ub85c\uace0\uc640 tsc hello.ts \uba85\ub839\uc774 \ubcf4\uc774\ub294 \uc77c\ub7ec\uc2a4\ud2b8\">\n<\/header>\n\n<div class=\"container\">\n<article>\n\n<p><strong>TypeScript<\/strong> \ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8(JS) \uc5d0 <strong>\ud0c0\uc785<\/strong>\uc744 \ub354\ud55c \uc5b8\uc5b4\uc785\ub2c8\ub2e4. \uac19\uc740 \ucf54\ub4dc, \uac19\uc740 \uc2e4\ud589, \ub2e8 \ud55c \uac00\uc9c0\uac00 \ub2e4\ub985\ub2c8\ub2e4 \u2014 \ucf54\ub4dc\ub97c \uc4f8 \ub54c &#8220;\uc774 \ubcc0\uc218\uac00 \uc22b\uc790\uc778\uc9c0 \ubb38\uc790\uc5f4\uc778\uc9c0 \uc815\ud574\ub193\uace0 \uac00\ub294 \uac83&#8221;. \ucc98\uc74c\uc5d0\ub294 \uadc0\ucc2e\uc544 \ubcf4\uc774\uc9c0\ub9cc, \ucf54\ub4dc\uac00 1\ub9cc \uc904\uc744 \ub118\uc5b4\uac00\ub294 \uc21c\uac04 TS \uac00 \uc5c6\uc73c\uba74 \uc8fd\uc2b5\ub2c8\ub2e4. 1\ud3b8\uc740 &#8220;\uc65c TS \uac00 \ud544\uc694\ud55c\uc9c0&#8221; \ubd80\ud130 &#8220;\ub0b4 \ucef4\ud4e8\ud130\uc5d0\uc11c \uccab \ucef4\ud30c\uc77c\uc744 \ub3cc\ub824\ubcf4\uae30&#8221;\uae4c\uc9c0 \ucc9c\ucc9c\ud788 \uac11\ub2c8\ub2e4.<\/p>\n\n<div class=\"warnbox\">\n  <p><strong>\uc77d\uae30 \uc804 \uad8c\uc7a5.<\/strong> \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac 1~13\ud3b8(\ub610\ub294 \ub3d9\ub4f1\ud55c \uc218\uc900\uc758 JS \uc9c0\uc2dd) \uc744 \uba3c\uc800 \uc775\ud788\uace0 \uc624\uba74 \uc774 \uc2dc\ub9ac\uc988\ub97c \ud6e8\uc52c \ud3b8\ud558\uac8c \ub530\ub77c\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4. TS \ub294 JS &#8220;\uc704\uc5d0&#8221; \uc313\ub294 \uc5b8\uc5b4\ub77c, \ubc14\ub2e5\uc774 \ud754\ub4e4\ub9ac\uba74 \uc704\uac00 \ubb34\ub108\uc9d1\ub2c8\ub2e4.<\/p>\n<\/div>\n\n<h2>\uc65c TypeScript \uc778\uac00 \u2014 JS \uc5d0 \ud0c0\uc785\uc774 \uc65c \ud544\uc694\ud560\uae4c<\/h2>\n\n<p>JS \uc5d0\uc11c\ub294 \uc774\ub7f0 \ucf54\ub4dc\uac00 \uadf8\ub300\ub85c \uc2e4\ud589\ub429\ub2c8\ub2e4.<\/p>\n\n<pre><code>function add(a, b) {\n  return a + b;\n}\n\nconsole.log(add(1, 2));        \/\/ 3\nconsole.log(add(\"1\", \"2\"));    \/\/ \"12\"  \u2190 \ubb38\uc790\uc5f4 \ud569\uce58\uae30\ub85c \ub3d9\uc791\nconsole.log(add(1, \"2\"));      \/\/ \"12\"  \u2190 \uc758\ub3c4\uc640 \ub2e4\ub978 \uacb0\uacfc\nconsole.log(add(1));           \/\/ NaN   \u2190 \ub450 \ubc88\uc9f8 \uc778\uc790 \uc548 \uc918\ub3c4 \ud1b5\uacfc<\/code><\/pre>\n\n<p>\ub124 \uc904 \ubaa8\ub450 <strong>\uc5d0\ub7ec \uc5c6\uc774 \uc2e4\ud589<\/strong>\ub429\ub2c8\ub2e4. \ubb38\uc81c\ub294 \uc758\ub3c4\uc640 \uacb0\uacfc\uac00 \ub2e4\ub97c \ub54c \ub514\ubc84\uae45\uc5d0\uc11c \ubc1c\uacac\ub418\uac70\ub098, \ub354 \ub098\uc058\uba74 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ub178\ucd9c\ub418\uc5b4\uc11c\uc57c \ubc1c\uacac\ub41c\ub2e4\ub294 \uac83. TS \ub294 \uac19\uc740 \ud568\uc218\ub97c \uc774\ub807\uac8c \uc501\ub2c8\ub2e4.<\/p>\n\n<pre><code>function add(a: number, b: number): number {\n  return a + b;\n}\n\nadd(1, 2);        \/\/ OK \u2192 3\nadd(\"1\", \"2\");    \/\/ \u274c Argument of type 'string' is not assignable to 'number'\nadd(1, \"2\");      \/\/ \u274c \uac19\uc740 \uc774\uc720\ub85c \ucef4\ud30c\uc77c \ub2e8\uacc4\uc5d0\uc11c \ucc28\ub2e8\nadd(1);           \/\/ \u274c Expected 2 arguments, but got 1<\/code><\/pre>\n\n<p>&#8220;\uc2e4\ud589 \uc804&#8221; \uc5d0 \uc5d0\ub7ec\uac00 \ub098\uc635\ub2c8\ub2e4. \ube68\uac04 \uc904\uc774 VS Code \uc5d0 \uadf8\uc5b4\uc9c0\uace0, \ube4c\ub4dc \ub2e8\uacc4\uc5d0\uc11c \ucc28\ub2e8\ub429\ub2c8\ub2e4 \u2014 \uc989 <strong>\uc0ac\uc6a9\uc790\uac00 \ub9cc\ub098\uae30 \uc804\uc5d0<\/strong> \uc6b0\ub9ac\uac00 \uba3c\uc800 \ub9cc\ub0a9\ub2c8\ub2e4. \uc774\uac8c TS \uc758 \ud575\uc2ec \uac00\uce58\uc785\ub2c8\ub2e4.<\/p>\n\n<h2>\uc124\uce58 \u2014 Node + tsc<\/h2>\n\n<p>TS \uc790\uccb4\ub294 Node.js \uc704\uc5d0\uc11c \ub3c4\ub294 \uba85\ub839\ud589 \ub3c4\uad6c(<code>tsc<\/code> \u2014 TypeScript Compiler) \ud615\ud0dc\ub85c \uc635\ub2c8\ub2e4. \uadf8\ub798\uc11c \ub450 \ub2e8\uacc4\ub85c \uc124\uce58\ud569\ub2c8\ub2e4.<\/p>\n\n<ol>\n  <li><strong>Node.js LTS<\/strong> \uac00 \uc124\uce58\ub3fc \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4 (JS \uad50\uc7ac 1\ud3b8 \ucc38\uace0 \u2014 Windows\u00b7macOS\u00b7\uc6b0\ubd84\ud22c OS \ubcc4 5\ubd84).<\/li>\n  <li>\uadf8 \uc704\uc5d0 <strong>TypeScript \ud328\ud0a4\uc9c0<\/strong>\ub97c npm \uc73c\ub85c \uc124\uce58.<\/li>\n<\/ol>\n\n<h3>\uc804\uc5ed \uc124\uce58 (\uc2dc\uc2a4\ud15c \uc5b4\ub514\uc11c\ub098 tsc)<\/h3>\n\n<pre><code># \uc5b4\ub514\uc11c\ub098 tsc \uba85\ub839\uc744 \uc4f0\uace0 \uc2f6\uc744 \ub54c\nnpm install -g typescript\ntsc --version\n# \uc608: Version 5.6.3<\/code><\/pre>\n\n<h3>\ud504\ub85c\uc81d\ud2b8 \ub2e8\uc704 \uc124\uce58 (\uad8c\uc7a5)<\/h3>\n\n<p>\uc2e4\ubb34\uc5d0\uc11c\ub294 \ud504\ub85c\uc81d\ud2b8\ub9c8\ub2e4 TS \ubc84\uc804\uc744 \uace0\uc815\ud569\ub2c8\ub2e4. \ud611\uc5c5\uc790\uac00 \uac19\uc740 \ubc84\uc804\uc744 \uc4f0\uac8c \ud558\uae30 \uc704\ud574\uc11c\uc694.<\/p>\n\n<pre><code>mkdir my-ts-project && cd my-ts-project\nnpm init -y                    # package.json \uc0dd\uc131\nnpm install --save-dev typescript\n\n# \uc2e4\ud589\uc740 npx \ub85c\nnpx tsc --version<\/code><\/pre>\n\n<div class=\"databox\">\n  <p><strong>tip.<\/strong> \uc2e0\uaddc \ud504\ub85c\uc81d\ud2b8\ub294 \uac70\uc758 \ud56d\uc0c1 &#8220;\ud504\ub85c\uc81d\ud2b8 \ub2e8\uc704 \uc124\uce58 + npx&#8221; \uac00 \uc815\ub2f5\uc785\ub2c8\ub2e4. \uc804\uc5ed tsc \uc640 \ud504\ub85c\uc81d\ud2b8\uc758 tsc \ubc84\uc804\uc774 \ub2e4\ub974\uba74 \ubbf8\ubb18\ud55c \ubc84\uadf8\uac00 \ub0a9\ub2c8\ub2e4. <code>--save-dev<\/code> \ub294 &#8220;\uac1c\ubc1c \uc758\uc874\uc131&#8221; \uc774\ub77c\ub294 \ud45c\uc2dc.<\/p>\n<\/div>\n\n<h2>\uccab .ts \ud30c\uc77c \u2014 tsc \ub85c \ucef4\ud30c\uc77c\ud558\uae30<\/h2>\n\n<p><code>hello.ts<\/code> \ud30c\uc77c\uc744 \ub9cc\ub4e4\uace0 \ub2e4\uc74c \ud55c \uc904\uc744 \ub123\uc2b5\ub2c8\ub2e4.<\/p>\n\n<pre><code>\/\/ hello.ts\nconst greeting: string = \"Hello, TypeScript!\";\nconsole.log(greeting);<\/code><\/pre>\n\n<p>\uc774\uc81c \ucef4\ud30c\uc77c\ud569\ub2c8\ub2e4. TS \ub294 \ube0c\ub77c\uc6b0\uc800\ub098 Node \uac00 \uc9c1\uc811 \uc2e4\ud589\ud558\uc9c0 \ubabb\ud569\ub2c8\ub2e4 \u2014 \uba3c\uc800 JS \ub85c \ubc14\uafd4\uc57c \ud569\ub2c8\ub2e4. \uadf8 \ubcc0\ud658\uc744 <strong>\ucef4\ud30c\uc77c<\/strong>(\ud639\uc740 \ud2b8\ub79c\uc2a4\ud30c\uc77c) \uc774\ub77c\uace0 \ubd80\ub985\ub2c8\ub2e4.<\/p>\n\n<pre><code>npx tsc hello.ts\n# \uc774 \uba85\ub839\uc73c\ub85c \uac19\uc740 \ud3f4\ub354\uc5d0 hello.js \uac00 \uc0dd\uae41\ub2c8\ub2e4.\n\nnode hello.js\n# \ucd9c\ub825: Hello, TypeScript!<\/code><\/pre>\n\n<p>\ud55c \ubc88 <code>hello.js<\/code> \uc548\uc744 \uc5f4\uc5b4\ubcf4\uc138\uc694. \ud0c0\uc785 \ud45c\uae30(<code>: string<\/code>) \uac00 \uc9c0\uc6cc\uc9c0\uace0 \uc21c\uc218 JS \ub9cc \ub0a8\uc544 \uc788\uc2b5\ub2c8\ub2e4. TS \uc758 \ud0c0\uc785\uc740 <strong>\uc2e4\ud589 \uc2dc\uac04\uc5d0\ub294 \uc0ac\ub77c\uc9c0\ub294<\/strong> &#8220;\uc4f0\ub294 \ub3d9\uc548\uc5d0\ub9cc&#8221; \ub3c4\uc640\uc8fc\ub294 \ub77c\ubca8\uc774\ub77c\ub294 \uac78 \uae30\uc5b5\ud558\uc138\uc694.<\/p>\n\n<h2>tsconfig.json \u2014 \ucd5c\uc18c \uc124\uc815 5\uc904<\/h2>\n\n<p>\ud30c\uc77c\uc774 \ub298\uc5b4\ub098\uba74 <code>npx tsc hello.ts<\/code> \ucc98\ub7fc \ub9e4\ubc88 \ud30c\uc77c\uba85\uc744 \uc801\uae30 \uadc0\ucc2e\uc544\uc9d1\ub2c8\ub2e4. <code>tsconfig.json<\/code> \uc744 \ud55c \ubc88 \ub9cc\ub4e4\uc5b4\ub450\uba74 <code>npx tsc<\/code> \ub9cc \uccd0\ub3c4 \ud504\ub85c\uc81d\ud2b8 \uc804\uccb4\uac00 \ucef4\ud30c\uc77c\ub429\ub2c8\ub2e4.<\/p>\n\n<pre><code>npx tsc --init\n# tsconfig.json \uc774 100\uc904 \uac00\uae4c\uc6b4 \uc8fc\uc11d\uacfc \ud568\uaed8 \uc0dd\uc131\ub429\ub2c8\ub2e4<\/code><\/pre>\n\n<p>\ucc98\uc74c\uc5d0\ub294 \ub2e4\uc74c 5\uc904\uc9dc\ub9ac \ucd5c\uc18c \uc124\uc815\uc73c\ub85c \uc2dc\uc791\ud574\ub3c4 \ucda9\ubd84\ud569\ub2c8\ub2e4.<\/p>\n\n<pre><code>{\n  \"compilerOptions\": {\n    \"target\": \"ES2022\",\n    \"module\": \"ESNext\",\n    \"moduleResolution\": \"Bundler\",\n    \"strict\": true,\n    \"outDir\": \"dist\"\n  },\n  \"include\": [\"src\/**\/*\"]\n}<\/code><\/pre>\n\n<div class=\"tablewrap\">\n<table>\n  <thead>\n    <tr><th>\uc635\uc158<\/th><th>\uc758\ubbf8<\/th><th>\ucc98\uc74c\uc5d0 \uc65c \uc774 \uac12<\/th><\/tr>\n  <\/thead>\n  <tbody>\n    <tr><td data-label=\"\uc635\uc158\">target<\/td><td data-label=\"\uc758\ubbf8\">\ucef4\ud30c\uc77c\ub41c JS \uc758 \ubb38\ubc95 \ubc84\uc804<\/td><td data-label=\"\uc774\uc720\">ES2022 \u2014 \ubaa8\ub358 Node\u00b7\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc798 \ub3cc\uace0 \ud654\uc0b4\ud45c\u00b7async \uadf8\ub300\ub85c<\/td><\/tr>\n    <tr><td data-label=\"\uc635\uc158\">module<\/td><td data-label=\"\uc758\ubbf8\">import\/export \ubcc0\ud658 \ubc29\uc2dd<\/td><td data-label=\"\uc774\uc720\">ESNext \u2014 \ud604\ub300\uc801 ESM \uadf8\ub300\ub85c \ub450\uae30<\/td><\/tr>\n    <tr><td data-label=\"\uc635\uc158\">moduleResolution<\/td><td data-label=\"\uc758\ubbf8\">import \uacbd\ub85c \ucc3e\ub294 \uaddc\uce59<\/td><td data-label=\"\uc774\uc720\">Bundler \u2014 \ucd5c\uc2e0 esbuild\/vite \uc640 \ud638\ud658<\/td><\/tr>\n    <tr><td data-label=\"\uc635\uc158\">strict<\/td><td data-label=\"\uc758\ubbf8\">\uc5c4\uaca9\ud55c \ud0c0\uc785 \uac80\uc0ac \ud55c \ubb36\uc74c<\/td><td data-label=\"\uc774\uc720\">true \u2014 TS \uc758 \uc9c4\uac00\ub294 strict \ucf1c\uc57c \ub098\uc635\ub2c8\ub2e4 (10\u00b718\ud3b8\uc5d0\uc11c \uc790\uc138\ud788)<\/td><\/tr>\n    <tr><td data-label=\"\uc635\uc158\">outDir<\/td><td data-label=\"\uc758\ubbf8\">JS \ucd9c\ub825 \uc704\uce58<\/td><td data-label=\"\uc774\uc720\">dist \u2014 src\/ \uc640 \ubd84\ub9ac\ud574 \uae54\ub054\ud558\uac8c<\/td><\/tr>\n  <\/tbody>\n<\/table>\n<\/div>\n\n<p>\uc774\uc81c <code>src\/hello.ts<\/code> \ub97c \ub9cc\ub4e4\uace0 <code>npx tsc<\/code> \ub9cc \uce58\uba74 <code>dist\/hello.js<\/code> \uac00 \uc0dd\uae41\ub2c8\ub2e4.<\/p>\n\n<h2>\uad50\uc7ac 20\ud3b8 \ub85c\ub4dc\ub9f5<\/h2>\n\n<div class=\"tablewrap\">\n<table>\n  <thead>\n    <tr><th>\ud30c\ud2b8<\/th><th>\ud3b8\uc218<\/th><th>\uc8fc\uc81c<\/th><th>\ub05d\ub098\uba74<\/th><\/tr>\n  <\/thead>\n  <tbody>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 1 \uc785\ubb38<\/td><td data-label=\"\ud3b8\uc218\">1~4<\/td><td data-label=\"\uc8fc\uc81c\">\uc124\uce58\u00b7\uae30\ubcf8 \ud0c0\uc785\u00b7\ud568\uc218\u00b7\uac1d\uccb4<\/td><td data-label=\"\ub05d\ub098\uba74\">\uac04\ub2e8\ud55c \ud568\uc218\uc5d0 \ud0c0\uc785 \ubd99\uc774\uae30<\/td><\/tr>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 2 \uae30\ucd08<\/td><td data-label=\"\ud3b8\uc218\">5~10<\/td><td data-label=\"\uc8fc\uc81c\">\uc720\ub2c8\uc628\u00b7\uc81c\ub124\ub9ad\u00b7enum\u00b7\ud074\ub798\uc2a4\u00b7\ubaa8\ub4c8\u00b7tsconfig<\/td><td data-label=\"\ub05d\ub098\uba74\">\uc911\uac04 \uaddc\ubaa8 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870 \uc7a1\uae30<\/td><\/tr>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 3 \uc911\uae09<\/td><td data-label=\"\ud3b8\uc218\">11~15<\/td><td data-label=\"\uc8fc\uc81c\">\uc720\ud2f8\ub9ac\ud2f0\u00b7\uc870\uac74\ubd80\u00b7\ub9e4\ud551\u00b7\ud0c0\uc785 \uac00\ub4dc\u00b7\ube44\ub3d9\uae30<\/td><td data-label=\"\ub05d\ub098\uba74\">\ub77c\uc774\ube0c\ub7ec\ub9ac \ud0c0\uc785 \uc790\uc2e0 \uc788\uac8c \uc77d\uae30<\/td><\/tr>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 4 \uace0\uae09<\/td><td data-label=\"\ud3b8\uc218\">16~20<\/td><td data-label=\"\uc8fc\uc81c\">\ub370\ucf54\ub808\uc774\ud130\u00b7.d.ts\u00b7strict \uc635\uc158\u00b7\ube4c\ub4dc\u00b7\uc2e4\uc804 \ud328\ud134<\/td><td data-label=\"\ub05d\ub098\uba74\">\ud300\uc5d0 \ud0c0\uc785 \uac00\uc774\ub4dc \uc81c\uc548 \uac00\ub2a5<\/td><\/tr>\n  <\/tbody>\n<\/table>\n<\/div>\n\n<div class=\"cta\">\n  <h3>2\ud3b8 \u2014 \uae30\ubcf8 \ud0c0\uc785 7\uac00\uc9c0<\/h3>\n  <p>string\u00b7number\u00b7boolean\u00b7array\u00b7tuple\u00b7any\u00b7unknown \u2014 \uac01 \ud0c0\uc785\uc758 \uc6a9\ub3c4, \ucd94\ub860\uc774 \uc54c\uc544\uc11c \ud574\uc8fc\ub294 \uac83\uacfc \uc9c1\uc811 \uc801\uc5b4\uc57c \ud558\ub294 \uac83\uc758 \uacbd\uacc4.<\/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  \ud604\uc7ac: <strong>1\ud3b8 (\uc785\ubb38)<\/strong> \u00b7 \ub2e4\uc74c \u2192 2\ud3b8 \uae30\ubcf8 \ud0c0\uc785 \u00b7 \uc9c4\ud589: <strong>1\/20<\/strong>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>JS \uc5d0 \ud0c0\uc785\uc744 \ub354\ud558\ub294 TypeScript. tsc \uc124\uce58\u00b7\uccab \ucef4\ud30c\uc77c\u00b7tsconfig \ucd5c\uc18c \uc124\uc815. 20\ud3b8 \uad50\uc7ac 1\ud3b8.<\/p>\n","protected":false},"author":1,"featured_media":255,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-477","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\/477","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=477"}],"version-history":[{"count":1,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/477\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/477\/revisions\/481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/255"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}