{"id":279,"date":"2026-05-16T23:18:13","date_gmt":"2026-05-16T15:18:13","guid":{"rendered":"https:\/\/junai.ai\/blog\/js-intro-install-1\/"},"modified":"2026-05-17T07:11:32","modified_gmt":"2026-05-16T23:11:32","slug":"js-intro-install-1","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/js-intro-install-1\/","title":{"rendered":"\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub780? \uc124\uce58\uc640 \uccab console.log (\uc785\ubb38 1\ud3b8)"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 527 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n\/* js-textbook \u2014 PostgreSQL \uad50\uc7ac \ub3d9\uc77c \ud314\ub808\ud2b8 *\/\n:root {\n  --color-primary: #336791;\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: #336791;\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: #bfdbfe; }\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, #336791 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\">\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac \u00b7 1\ud3b8 \/ 26\ud3b8<\/span>\n  <h1>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub780? \uc124\uce58\uc640 \uccab console.log<\/h1>\n  <p class=\"sub\">\uc5b8\uc5b4 \uc18c\uac1c\u00b7Node.js \uc124\uce58\u00b7VS Code\u00b7\uccab \ucf54\ub4dc \ud55c \uc904\uae4c\uc9c0. 26\ud3b8 \uad50\uc7ac\uc758 \uc2dc\uc791.<\/p>\n  <div class=\"meta\"><span>\uc785\ubb38<\/span><span>\uc77d\ub294 \uc2dc\uac04 6\ubd84<\/span><span>2026-05-16<\/span><\/div>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-172.jpg\" alt=\"\uc27d\uac8c \ubc30\uc6b0\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 1\ud3b8 \u2014 \uc785\ubb38 \uce74\ub4dc\">\n<\/header>\n\n<div class=\"container\">\n<article>\n\n<p>\ucf54\ub529\uc744 \ucc98\uc74c \uc2dc\uc791\ud560 \ub54c \uac00\uc7a5 \ub9ce\uc774 \ub4e3\ub294 \uc774\ub984\uc774 <strong>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8<\/strong>\uc785\ub2c8\ub2e4. \uc6f9\ud398\uc774\uc9c0\uc758 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \ubb34\uc5b8\uac00 \uc6c0\uc9c1\uc774\ub294 \uac83, \uce74\uce74\uc624\ud1a1 \ucc44\ud305\ucc3d\ucc98\ub7fc \uc2e4\uc2dc\uac04\uc73c\ub85c \uba54\uc2dc\uc9c0\uac00 \ub728\ub294 \uac83, \uc720\ud29c\ube0c\uc758 \uc88b\uc544\uc694 \uce74\uc6b4\ud2b8\uac00 \uc0c8\ub85c\uace0\uce68 \uc5c6\uc774 \ubc14\ub00c\ub294 \uac83 \u2014 \uac70\uc758 \ubaa8\ub450 JS \uac00 \ub4a4\uc5d0\uc11c \uc77c\ud569\ub2c8\ub2e4. 1\ud3b8\uc740 &#8220;JS \uac00 \uc5b4\ub514\uc11c \ub3cc\uc544\uac00\ub294\uc9c0&#8221;\ubd80\ud130 &#8220;\ub0b4 \ucef4\ud4e8\ud130\uc5d0\uc11c \uccab \ucf54\ub4dc\ub97c \ucd9c\ub825\ud558\ub294 \ubc95&#8221;\uae4c\uc9c0\ub97c \ucc9c\ucc9c\ud788 \uac19\uc774 \ud574\ubd05\ub2c8\ub2e4.<\/p>\n\n<div class=\"databox\">\n  <p><strong>\uc774 \uc2dc\ub9ac\uc988\uc758 \ubaa9\ud45c \ud55c \uc904.<\/strong> 26\ud3b8\uc744 \ub05d\ub0b4\uba74, \ud504\ub860\ud2b8\uc5d4\ub4dc UI \ud55c \ud398\uc774\uc9c0\ub97c \uc9c1\uc811 \uc9dc\uace0, \uac04\ub2e8\ud55c API \ub3c4 \ud638\ucd9c\ud558\uace0, \ucf54\ub4dc\ub97c \ubaa8\ub4c8\ub85c \uc815\ub9ac\ud574 \uae43\ud5c8\ube0c\uc5d0 \uc62c\ub9b4 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4.<\/p>\n  <p><strong>1\ud3b8\uc758 \ub3c4\ucc29\uc810.<\/strong> \ub0b4 \ucef4\ud4e8\ud130\uc5d0\uc11c <code>node hello.js<\/code> \ub610\ub294 \ube0c\ub77c\uc6b0\uc800 \ucf58\uc194\uc5d0\uc11c <code>console.log(\"Hello, JS!\")<\/code> \ub97c \ub744\uc6b0\ub294 \uac83.<\/p>\n<\/div>\n\n<h2>JS \ub294 \uc5b4\ub514\uc11c \ub3cc\uc544\uac00\ub098 \u2014 \ube0c\ub77c\uc6b0\uc800\uc640 Node.js<\/h2>\n\n<p>\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub294 1995\ub144\uc5d0 <strong>\uc6f9 \ube0c\ub77c\uc6b0\uc800 \uc548\uc5d0\uc11c\ub9cc \ub3cc\ub9ac\ub824\uace0<\/strong> \ub9cc\ub4e4\uc5b4\uc9c4 \uc5b8\uc5b4\uc600\uc2b5\ub2c8\ub2e4. &#8220;\ubc84\ud2bc \ub204\ub974\uba74 \uc0c9\uae54 \ubc14\uafb8\uae30&#8221; \uc815\ub3c4\uac00 \ucc98\uc74c\uc758 \uc0ac\uc6a9\ucc98\uc600\uc8e0. \uc9c0\uae08\uc740 \ub450 \uacf3\uc5d0\uc11c \ub3cc\uc544\uac11\ub2c8\ub2e4.<\/p>\n\n<ul>\n  <li><strong>\ube0c\ub77c\uc6b0\uc800<\/strong> \u2014 \ud06c\ub86c\u00b7\uc0ac\ud30c\ub9ac\u00b7\ud30c\uc774\uc5b4\ud3ed\uc2a4 \uc548\uc758 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc5d4\uc9c4(V8\u00b7JavaScriptCore\u00b7SpiderMonkey)\uc774 \uc2e4\ud589\ud569\ub2c8\ub2e4. \uc0c8 \ud0ed\uc5d0\uc11c F12 \u2192 Console \ub9cc \uc5f4\uba74 \uadf8 \uc790\ub9ac\uc5d0\uc11c \ucf54\ub4dc\ub97c \uce60 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n  <li><strong>Node.js<\/strong> \u2014 2009\ub144\uc5d0 \ub4f1\uc7a5\ud55c &#8220;\ube0c\ub77c\uc6b0\uc800 \ubc16 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8&#8221;. \uac19\uc740 V8 \uc5d4\uc9c4\uc744 \uac00\uc838\uc640\uc11c \uc11c\ubc84, \uc790\ub3d9\ud654 \uc2a4\ud06c\ub9bd\ud2b8, CLI \ub3c4\uad6c, \ube4c\ub4dc \ub3c4\uad6c\ub97c \ub9cc\ub4e4 \ub54c \uc501\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n<p>\uc774 \ub450 \ud658\uacbd\uc740 \ucf54\ub4dc \ubb38\ubc95\uc740 99% \uac19\uc9c0\ub9cc, \uc4f8 \uc218 \uc788\ub294 \ub3c4\uad6c\uac00 \ub2e4\ub985\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c\ub294 <code>document<\/code>(\uc6f9\ud398\uc774\uc9c0)\uc5d0 \uc811\uadfc\ud558\uace0, Node \uc5d0\uc11c\ub294 <code>fs<\/code>(\ud30c\uc77c \uc2dc\uc2a4\ud15c)\uc5d0 \uc811\uadfc\ud558\ub294 \uc2dd\uc785\ub2c8\ub2e4. \uad50\uc7ac 1~13\ud3b8\uc740 \ub450 \ud658\uacbd\uc5d0\uc11c \ubaa8\ub450 \ub3cc\uc544\uac00\ub294 &#8220;\uc21c\uc218 JS&#8221; \uc704\uc8fc\ub85c \uc9c4\ud589\ud558\uace0, 14\ud3b8\ubd80\ud130 \ud658\uacbd\ubcc4 \ucc28\uc774\ub97c \ubcf8\uaca9\uc801\uc73c\ub85c \ub2e4\ub8f9\ub2c8\ub2e4.<\/p>\n\n<div class=\"warnbox\">\n  <p><strong>\ud63c\ub3d9 \uc8fc\uc758.<\/strong> &#8220;\uc790\ubc14(Java)&#8221; \uc640 &#8220;\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8(JavaScript)&#8221; \ub294 \uc774\ub984\ub9cc \ube44\uc2b7\ud560 \ubfd0 <strong>\uc644\uc804\ud788 \ub2e4\ub978 \uc5b8\uc5b4<\/strong>\uc785\ub2c8\ub2e4. \ub9c8\uce58 &#8220;\ud584&#8221;\uacfc &#8220;\ud584\uc2a4\ud130&#8221; \ucc98\ub7fc\uc694. \uc790\ubc14\ub97c \ubc30\uc6b4 \uc0ac\ub78c\uc774 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc790\ub3d9\uc73c\ub85c \uc544\ub294 \uac74 \uc544\ub2d9\ub2c8\ub2e4.<\/p>\n<\/div>\n\n<h2>Node.js LTS \uc124\uce58 \u2014 Windows \u00b7 macOS \u00b7 \uc6b0\ubd84\ud22c<\/h2>\n\n<p>1\ud3b8\uc5d0\uc11c\ub294 <strong>Node.js \ub9cc \uae54\uba74 \ub429\ub2c8\ub2e4<\/strong>. \ube0c\ub77c\uc6b0\uc800\ub294 \uc5b4\ucc28\ud53c \ub2e4 \uc788\uc73c\ub2c8\uae4c\uc694. Node \ub97c \uae54\uba74 \ud130\ubbf8\ub110(\uba85\ub839\ucc3d)\uc5d0\uc11c <code>node hello.js<\/code> \ub77c\uace0 \uce60 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4. \ubc84\uc804\uc740 \ud56d\uc0c1 <strong>LTS(Long-Term Support)<\/strong> \u2014 \uc548\uc815 \uc9c0\uc6d0 \ubc84\uc804\uc744 \uace0\ub974\uc138\uc694. 2026\ub144 5\uc6d4 \uae30\uc900 LTS \ub294 v22.x \ub300\uc785\ub2c8\ub2e4.<\/p>\n\n<h3>Windows<\/h3>\n\n<ol>\n  <li><a href=\"https:\/\/nodejs.org\" rel=\"nofollow noopener\" target=\"_blank\">nodejs.org<\/a> \uc811\uc18d \u2192 <strong>LTS<\/strong> \ubc84\ud2bc(\uc67c\ucabd, \ucd08\ub85d\uc0c9) \ub2e4\uc6b4\ub85c\ub4dc.<\/li>\n  <li><code>.msi<\/code> \uc2e4\ud589 \u2192 \uae30\ubcf8 \uc635\uc158 \uadf8\ub300\ub85c \ub2e4\uc74c\u00b7\ub2e4\uc74c\u00b7\uc124\uce58.<\/li>\n  <li>\uc124\uce58 \ub05d\ub098\uba74 <strong>PowerShell<\/strong>(\uc2dc\uc791 \uba54\ub274\uc5d0\uc11c \uac80\uc0c9) \uc744 \uc0c8\ub85c \uc5f4\uc5b4:<\/li>\n<\/ol>\n\n<pre><code>node --version\n# \uc608: v22.11.0  \u2190 \uc774\ub807\uac8c \ubc84\uc804\uc774 \ub5a0\uc57c OK<\/code><\/pre>\n\n<h3>macOS<\/h3>\n\n<p>Homebrew \uac00 \uc788\uc73c\uba74 \ud55c \uc904\uc774\uba74 \ub05d\ub0a9\ub2c8\ub2e4.<\/p>\n\n<pre><code># Homebrew \uac00 \uc5c6\ub2e4\uba74 \uba3c\uc800 \uc124\uce58:\n# \/bin\/bash -c \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/HEAD\/install.sh)\"\n\nbrew install node\nnode --version<\/code><\/pre>\n\n<h3>\uc6b0\ubd84\ud22c \/ \ub370\ube44\uc548<\/h3>\n\n<p>\uae30\ubcf8 \uc800\uc7a5\uc18c\uc758 Node \ub294 \ubcf4\ud1b5 \uc61b\ub0a0 \ubc84\uc804\uc774\ub77c, NodeSource \uc758 \ucd5c\uc2e0 LTS \uc800\uc7a5\uc18c\ub97c \uad8c\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n\n<pre><code># Node.js 22 LTS \uc124\uce58 (2026\ub144 5\uc6d4 \uae30\uc900)\ncurl -fsSL https:\/\/deb.nodesource.com\/setup_22.x | sudo -E bash -\nsudo apt install -y nodejs\nnode --version\nnpm --version<\/code><\/pre>\n\n<p>\uc124\uce58\uac00 \ub05d\ub098\uba74 \ub450 \uac1c \uba85\ub839\uc774 \uac19\uc774 \uc0dd\uae41\ub2c8\ub2e4.<\/p>\n\n<ul>\n  <li><code>node<\/code> \u2014 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc2e4\ud589<\/li>\n  <li><code>npm<\/code> \u2014 \ub2e4\ub978 \uc0ac\ub78c\uc774 \ub9cc\ub4e0 \ucf54\ub4dc\ub97c \uac00\uc838\ub2e4 \uc4f0\ub294 \ud328\ud0a4\uc9c0 \uad00\ub9ac\uc790 (19\ud3b8\uc5d0\uc11c \uc790\uc138\ud788)<\/li>\n<\/ul>\n\n<h2>\uccab console.log \u2014 \ub450 \uac00\uc9c0 \ubc29\ubc95<\/h2>\n\n<p>\uc774\uc81c \uc9c4\uc9dc \uccab \ucf54\ub4dc\ub97c \ub744\uc6cc\ubd05\ub2c8\ub2e4. <strong>\ub450 \uac00\uc9c0 \ubc29\ubc95<\/strong>\uc73c\ub85c \ubaa8\ub450 \ud574\ubcf4\uc138\uc694. \ub458\uc774 \ub611\uac19\uc774 \uc791\ub3d9\ud55c\ub2e4\ub294 \uac78 \ubcf4\uba74 &#8220;JS \uac00 \uc5b4\ub514\uc11c\ub098 \ub3c8\ub2e4&#8221;\ub294 \uac10\uc774 \uc635\ub2c8\ub2e4.<\/p>\n\n<h3>\ubc29\ubc95 1 \u2014 \ube0c\ub77c\uc6b0\uc800 \ucf58\uc194 (\uc124\uce58 0)<\/h3>\n\n<ol>\n  <li>\uc544\ubb34 \uc6f9\ud398\uc774\uc9c0\uc5d0\uc11c <strong>F12<\/strong> \ud0a4\ub97c \ub204\ub985\ub2c8\ub2e4 (\ub9e5\uc740 <code>\u2325 + \u2318 + I<\/code>).<\/li>\n  <li>\uc0c1\ub2e8 \ud0ed \uc911 <strong>Console<\/strong> \ud074\ub9ad.<\/li>\n  <li>\uc544\ub798 \uc785\ub825\ucc3d\uc5d0 \ub2e4\uc74c \ud55c \uc904\uc744 \uce58\uace0 \uc5d4\ud130:<\/li>\n<\/ol>\n\n<pre><code>console.log(\"Hello, JS!\");<\/code><\/pre>\n\n<p>\ubc14\ub85c \uc544\ub798\uc5d0 <code>Hello, JS!<\/code> \ub77c\uace0 \ud770\uc0c9\uc73c\ub85c \ucd9c\ub825\ub418\uba74 \uc131\uacf5\uc785\ub2c8\ub2e4.<\/p>\n\n<h3>\ubc29\ubc95 2 \u2014 Node \ub85c \ud30c\uc77c \uc2e4\ud589<\/h3>\n\n<p>\uc544\ubb34 \ud3f4\ub354\uc5d0\uc11c <code>hello.js<\/code> \ub77c\ub294 \uc774\ub984\uc758 \ud30c\uc77c\uc744 \ub9cc\ub4e4\uace0, \uc548\uc5d0 \ud55c \uc904\uc744 \ub123\uc2b5\ub2c8\ub2e4.<\/p>\n\n<pre><code>\/\/ hello.js\nconsole.log(\"Hello, JS!\");\nconsole.log(\"\uc624\ub298\uc740\", new Date().toLocaleDateString(\"ko-KR\"), \"\uc785\ub2c8\ub2e4.\");<\/code><\/pre>\n\n<p>\uadf8 \ud3f4\ub354\uc5d0\uc11c \ud130\ubbf8\ub110\uc744 \uc5f4\uace0:<\/p>\n\n<pre><code>node hello.js\n# \ucd9c\ub825:\n# Hello, JS!\n# \uc624\ub298\uc740 2026. 5. 16. \uc785\ub2c8\ub2e4.<\/code><\/pre>\n\n<p>\ub450 \uc904\uc774 \ucc28\ub840\ub85c \ub728\uba74 \ub429\ub2c8\ub2e4. <code>console.log()<\/code> \ub294 \uc55e\uc73c\ub85c \uac00\uc7a5 \ub9ce\uc774 \uc4f8 \uba85\ub839\uc785\ub2c8\ub2e4 \u2014 &#8220;\uc9c0\uae08 \uc774 \uac12\uc774 \ubb34\uc5c7\uc778\uc9c0 \ubcf4\uc5ec\uc918&#8221; \ub77c\uace0 JS \ud55c\ud14c \ub9d0\ud558\ub294 \ud45c\uc900 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/p>\n\n<div class=\"databox\">\n  <p><strong>tip.<\/strong> \ucc98\uc74c\uc5d0\ub294 \ucf54\ub4dc\ub97c <strong>\uc190\uc73c\ub85c \ub530\ub77c \uce58\uc138\uc694<\/strong>. \ubcf5\ubd99\uc740 \ube60\ub974\uc9c0\ub9cc \uc190\uc73c\ub85c \uce58\uba74 \ubb38\ubc95\uc774 \uba38\ub9ac\uc5d0 \ub0a8\uc2b5\ub2c8\ub2e4. 5\ubd84 \uc9e7\uc740 \ucf54\ub4dc\ub97c 10\ubc88 \ub530\ub77c \uce58\ub294 \uac8c 1\uc2dc\uac04 \uc601\uc0c1 \ud55c \ud3b8\ubcf4\ub2e4 \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4.<\/p>\n<\/div>\n\n<h2>VS Code \ucd94\ucc9c \u2014 \ubb34\uc5c7\uc73c\ub85c \ucf54\ub4dc\ub97c \uc4f0\ub098<\/h2>\n\n<p>\uba54\ubaa8\uc7a5\uc73c\ub85c\ub3c4 JS \ub294 \uc4f8 \uc218 \uc788\uc9c0\ub9cc, <strong>\ucf54\ub4dc \ud3b8\uc9d1\uae30<\/strong>\ub97c \uc4f0\uba74 \ubb38\ubc95 \uac15\uc870, \uc790\ub3d9\uc644\uc131, \uc5d0\ub7ec \ud45c\uc2dc\uac00 \uc989\uc2dc \ubcf4\uc785\ub2c8\ub2e4. \ubb34\ub8cc \ud45c\uc900\uc740 <strong>Visual Studio Code(VS Code)<\/strong> \u2014 \ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\uac00 \ub9cc\ub4e4\uace0 \uac70\uc758 \ubaa8\ub4e0 \uc9c1\uc7a5\uc5d0\uc11c \uc501\ub2c8\ub2e4.<\/p>\n\n<ol>\n  <li><a href=\"https:\/\/code.visualstudio.com\" rel=\"nofollow noopener\" target=\"_blank\">code.visualstudio.com<\/a> \uc5d0\uc11c OS \ubcc4 \uc124\uce58.<\/li>\n  <li>\uc67c\ucabd \uc0ac\uc774\ub4dc\ubc14 \ub124\ubaa8 \uc544\uc774\ucf58 \u2192 \ud655\uc7a5 \uac80\uc0c9\uc5d0\uc11c \ub2e4\uc74c 3\uac1c\ub9cc \uc6b0\uc120 \uc124\uce58:\n    <ul>\n      <li><strong>Korean Language Pack<\/strong> \u2014 UI \ud55c\uad6d\uc5b4\ud654 (\uc120\ud0dd)<\/li>\n      <li><strong>Prettier &#8211; Code formatter<\/strong> \u2014 \uc800\uc7a5\ud558\uba74 \uc790\ub3d9 \uc815\ub82c (12\ud3b8\uc5d0\uc11c \ub354 \uc790\uc138\ud788)<\/li>\n      <li><strong>JavaScript (ES6) code snippets<\/strong> \u2014 <code>clg<\/code> \uce58\uba74 <code>console.log()<\/code> \uc790\ub3d9 \uc644\uc131<\/li>\n    <\/ul>\n  <\/li>\n  <li>\ud3f4\ub354\ub97c \ud1b5\uc9f8\ub85c \uc5f4\ub824\uba74 <strong>\ud30c\uc77c \u2192 \ud3f4\ub354 \uc5f4\uae30<\/strong>. <code>hello.js<\/code> \uac00 \uc0ac\uc774\ub4dc\ubc14\uc5d0 \ubcf4\uc774\uba74 \ub05d.<\/li>\n<\/ol>\n\n<h2>\uad50\uc7ac 26\ud3b8 \ub85c\ub4dc\ub9f5 \u2014 \uc6b0\ub9ac\ub294 \uc5b4\ub514\ub85c \uac00\ub098<\/h2>\n\n<p>1\ud3b8\uc5d0\uc11c &#8220;Hello, JS!&#8221; \ub97c \ub744\uc6e0\ub2e4\uba74, 26\ud3b8\uc744 \ub9c8\uce60 \uc988\uc74c \uc5b4\ub5a4 \ub2a5\ub825\uc774 \uc0dd\uae30\ub294\uc9c0 \ud55c \ub208\uc5d0 \ubcf4\uc5ec\ub4dc\ub9b4\uac8c\uc694.<\/p>\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 \ud560 \uc218 \uc788\ub294 \uac83<\/th><\/tr>\n  <\/thead>\n  <tbody>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 1 \uc785\ubb38<\/td><td data-label=\"\ud3b8\uc218\">1~5<\/td><td data-label=\"\uc8fc\uc81c\">\uc124\uce58\u00b7\ubcc0\uc218\u00b7\uc790\ub8cc\ud615\u00b7\uc5f0\uc0b0\uc790<\/td><td data-label=\"\ub05d\ub098\uba74\">\uac04\ub2e8\ud55c \uacc4\uc0b0\uae30 \ud55c \uc904\uc9dc\ub9ac<\/td><\/tr>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 2 \uae30\ucd08<\/td><td data-label=\"\ud3b8\uc218\">6~13<\/td><td data-label=\"\uc8fc\uc81c\">\uc870\uac74\u00b7\ubc18\ubcf5\u00b7\ud568\uc218\u00b7\ubc30\uc5f4\u00b7\uac1d\uccb4\u00b7\uc5d0\ub7ec<\/td><td data-label=\"\ub05d\ub098\uba74\">\ub370\uc774\ud130 \uc815\ub9ac\u00b7\ubcc0\ud658 \uc791\uc740 \uc2a4\ud06c\ub9bd\ud2b8<\/td><\/tr>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 3 \uc911\uae09<\/td><td data-label=\"\ud3b8\uc218\">14~20<\/td><td data-label=\"\uc8fc\uc81c\">DOM\u00b7\ube44\ub3d9\uae30\u00b7Promise\u00b7fetch\u00b7\ud074\ub798\uc2a4\u00b7\ubaa8\ub4c8<\/td><td data-label=\"\ub05d\ub098\uba74\">\uc2e4\uc81c \uc6f9\ud398\uc774\uc9c0 \uc778\ud130\ub799\uc158 + API \ud638\ucd9c<\/td><\/tr>\n    <tr><td data-label=\"\ud30c\ud2b8\">Part 4 \uace0\uae09<\/td><td data-label=\"\ud3b8\uc218\">21~26<\/td><td data-label=\"\uc8fc\uc81c\">\ud074\ub85c\uc800\u00b7this\u00b7\ud504\ub85c\ud1a0\ud0c0\uc785\u00b7\ud328\ud134\u00b7\ud14c\uc2a4\ud2b8<\/td><td data-label=\"\ub05d\ub098\uba74\">\uc790\uc2e0 \uc788\uac8c \ucf54\ub4dc \ub9ac\ubdf0\u00b7\ud14c\uc2a4\ud2b8 \uc791\uc131<\/td><\/tr>\n  <\/tbody>\n<\/table>\n<\/div>\n\n<p>\ud55c \ud3b8\uc744 30\ubd84~1\uc2dc\uac04\uc774\uba74 \ucda9\ubd84\ud788 \ub530\ub77c\uc62c \uc218 \uc788\uac8c \uc9e7\uace0 \uce5c\uc808\ud558\uac8c \uc4f0\uaca0\uc2b5\ub2c8\ub2e4. \ubaa8\ub974\ub294 \ub2e8\uc5b4\uac00 \ub098\uc624\uba74 \uadf8 \ud3b8\uc5d0\uc11c \ubc18\ub4dc\uc2dc \ud55c \ubc88 \ud480\uc774\ub97c \ud569\ub2c8\ub2e4. \uc2dc\ub9ac\uc988 \uc804\uccb4\uc5d0\uc11c <strong>&#8220;\uc65c \uc774\uac78 \uc4f0\uc9c0?&#8221;<\/strong> \ub77c\ub294 \uc9c8\ubb38\uc5d0 \ub2f5\ud558\ub294 \ub370 \uac00\uc7a5 \ub9ce\uc740 \ubd84\ub7c9\uc744 \uc501\ub2c8\ub2e4 \u2014 \ubb38\ubc95\ub9cc \uc678\uc6b0\ub294 \uac83\ubcf4\ub2e4 \ud55c \uce78 \ub354 \uae4a\uac8c\uc694.<\/p>\n\n<div class=\"cta\">\n  <h3>2\ud3b8 \u2014 JS \uccab \ud504\ub85c\uadf8\ub7a8: console.log\u00b7\uc8fc\uc11d\u00b7\uc138\ubbf8\ucf5c\ub860<\/h3>\n  <p>1\ud3b8\uc5d0\uc11c \ub744\uc6b4 \ud55c \uc904\uc744 \ud55c \ubc1c \ub354 \u2014 \uc8fc\uc11d\uc740 \uc65c \uc4f0\uace0 \uc138\ubbf8\ucf5c\ub860\uc740 \uaf2d \ud544\uc694\ud55c\uac00, \ube0c\ub77c\uc6b0\uc800 \ucf58\uc194\uacfc node REPL \uc758 \uc791\uc740 \ucc28\uc774\uae4c\uc9c0 \ucc9c\ucc9c\ud788.<\/p>\n<\/div>\n\n<div class=\"series-nav\">\n  <strong>\ud83d\udcda \uc27d\uac8c \ubc30\uc6b0\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uad50\uc7ac<\/strong><br>\n  \ud604\uc7ac: <strong>1\ud3b8 (\uc785\ubb38)<\/strong> \u00b7 \ub2e4\uc74c \u2192 2\ud3b8 \uccab \ud504\ub85c\uadf8\ub7a8 \u00b7 \uc9c4\ud589: <strong>1\/26<\/strong>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>JS \uac00 \uc5b4\ub514\uc11c \ub3cc\uc544\uac00\ub294\uc9c0\ubd80\ud130 Node.js LTS \uc124\uce58\u00b7\uccab console.log\u00b7VS Code \uae4c\uc9c0. 26\ud3b8 \uad50\uc7ac 1\ud3b8.<\/p>\n","protected":false},"author":1,"featured_media":527,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-basic"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/279","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=279"}],"version-history":[{"count":8,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/279\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/279\/revisions\/553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/527"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}