{"id":77,"date":"2024-04-30T15:58:49","date_gmt":"2024-04-30T06:58:49","guid":{"rendered":"https:\/\/wizardofcode.kr\/?p=77"},"modified":"2024-04-30T15:58:49","modified_gmt":"2024-04-30T06:58:49","slug":"%eb%9e%9c%eb%8d%a4-%eb%ac%b8%eb%8b%a8-%eb%8b%a8%ec%96%b4-%ec%b6%94%ec%b6%9c-%ed%86%b5%ed%95%a9%ed%8e%b8","status":"publish","type":"post","link":"https:\/\/wizardofcode.kr\/?p=77","title":{"rendered":"\ub79c\ub364 \ubb38\ub2e8\/\ub2e8\uc5b4 \ucd94\ucd9c &#8211; \ud1b5\ud569\ud3b8"},"content":{"rendered":"\n<p>\uc5ec\ub7ec \uae00\uc744 \uc791\uc131\ud574\uc57c\ud560 \ub54c \uc5ec\ub7ec \ubb38\ub2e8\uacfc \ub2e8\uc5b4\ub97c \uc791\uc131\ud574\ub450\uace0 \ub79c\ub364\uc73c\ub85c \ubb38\ub2e8\uacfc \ub2e8\uc5b4\ub97c \ucd94\ucd9c\ud574 \uae00\uc744 \uc790\ub3d9\uc73c\ub85c \uc791\uc131\ud574\uc8fc\ub294 \uae30\ub2a5\uc744 <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">Javascript<\/mark><\/strong>\ub85c \ub9cc\ub4e4\uc5b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ucd5c\uadfc\uc5d0 \uc62c\ub838\ub358 <a href=\"https:\/\/wizardofcode.kr\/?p=60\" data-type=\"post\" data-id=\"60\">\ub79c\ub364 \ubb38\ub2e8 \ucd94\ucd9c \uae30\ub2a5<\/a>\uacfc <a href=\"https:\/\/wizardofcode.kr\/?p=35\" data-type=\"post\" data-id=\"35\">\ub79c\ub364 \ub2e8\uc5b4 \ucd94\ucd9c \uae30\ub2a5<\/a>\uc744 \ud569\uccd0\ubcfc \uc608\uc815\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-wizard-of-code wp-block-embed-wizard-of-code\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"y0NDNApUCI\"><a href=\"https:\/\/wizardofcode.kr\/?p=60\">\ub79c\ub364 \ubb38\ub2e8 \ubf51\uae30<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;\ub79c\ub364 \ubb38\ub2e8 \ubf51\uae30&#8221; &#8212; Wizard of Code\" src=\"https:\/\/wizardofcode.kr\/?p=60&#038;embed=true#?secret=timAEo7mDe#?secret=y0NDNApUCI\" data-secret=\"y0NDNApUCI\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-wizard-of-code wp-block-embed-wizard-of-code\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"0MNOHpbc0U\"><a href=\"https:\/\/wizardofcode.kr\/?p=35\">\ub79c\ub364 \ub2e8\uc5b4 \ubf51\uae30<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;\ub79c\ub364 \ub2e8\uc5b4 \ubf51\uae30&#8221; &#8212; Wizard of Code\" src=\"https:\/\/wizardofcode.kr\/?p=35&#038;embed=true#?secret=2Ar7rD3oPF#?secret=0MNOHpbc0U\" data-secret=\"0MNOHpbc0U\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ub79c\ub364 \ub2e8\uc5b4 \uc591\uc2dd<\/h2>\n\n\n\n<p>\ub79c\ub364\uc73c\ub85c <em>&#8220;\uc0ac\uacfc&#8221;, &#8220;\ubc30&#8221;, &#8220;\ubc14\ub098\ub098&#8221;<\/em> \uc911 \ud558\ub098\ub97c \ucd94\ucd9c\ud558\ub294 \uac83\uc744 \uac00\uc815\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc77c\ubc18 \ubb38\uc7a5\uc5d0\uc11c \uc790\uc8fc \uc0ac\uc6a9\ub418\uc9c0 \uc54a\uc744 \ubb38\uc790\uc778 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#4900ca\" class=\"has-inline-color\">\ud30c\uc774\ud37c(|)\ub85c \uad6c\ubd84<\/mark><\/strong>\uc744 \uc9c0\uc5b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\uc774\uac83\uc740 \uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098\uc785\ub2c8\ub2e4.<\/code><\/pre>\n\n\n\n<p>\uc5b4\ub290 \uc601\uc5ed\uc774 \ub79c\ub364 \ub2e8\uc5b4\uac00 \ubaa8\uc5ec\uc788\ub294\uc9c0 \uad6c\ubcc4\ud558\uae30 \uc704\ud574 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0e10e1\" class=\"has-inline-color\">\ub300\uad04\ud638([ ~]})<\/mark><\/strong>\ub85c \uac10\uc2f8\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\uc774\uac83\uc740 &#91;\uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098]\uc785\ub2c8\ub2e4.<\/code><\/pre>\n\n\n\n<p>\uc774 \ubb38\uc7a5\uc744 \ubcc0\ud658\ud558\uba74 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#a91a1a\" class=\"has-inline-color\">\ub300\uad04\ud638 \uc548\uc5d0 \uc788\ub294 &#8216;\uc0ac\uacfc&#8217;, &#8216;\ubc30&#8217;, &#8216;\ubc14\ub098\ub098&#8217; \uc911 \ud558\ub098\uac00 \uc120\ud0dd<\/mark><\/strong>\ub418\uc5b4 \uc544\ub798\uc640 \uac19\uc774 \ucd9c\ub825 \ub41c \ub2f5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\uc774\uac83\uc740 \ubc30\uc785\ub2c8\ub2e4.<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ub79c\ub364 \ubb38\ub2e8 \uc591\uc2dd<\/h2>\n\n\n\n<p>\uc774\ubc88\uc5d4 <mark style=\"background-color:rgba(0, 0, 0, 0);color:#4c2828\" class=\"has-inline-color\"><strong>\uc5ec\ub7ec \uc904\uc758 \uae00\uc744 \uc791\uc131\ud558\uace0 \uadf8 \uc911 \ud558\ub098\uc758 \uc904\ub9cc \ucd94\ucd9c\ud558\ub294 \uac83<\/strong><\/mark>\uc744 \ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uac01 \uc904\uc740 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#7c1a7b\" class=\"has-inline-color\">\uc5d4\ud130\ub85c \uad6c\ubd84<\/mark><\/strong>\uc774 \ub418\uace0 \ucc98\uc74c\uacfc \ub05d\uc744 \ub098\ud0c0\ub0b4\ub294 \uad6c\uc5ed\uc744 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#3327a8\" class=\"has-inline-color\">&#8216;[[&#8216;\uc640 &#8216;]]&#8217;\ub85c \ubb36\ub294 \ubc29\uc2dd<\/mark><\/strong>\uc744 \uc774\uc6a9\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;&#91;\n\uccab \ubc88\uc9f8 \ubb38\ub2e8\uc785\ub2c8\ub2e4.\n\ub450 \ubc88\uc9f8 \ubb38\ub2e8\uc785\ub2c8\ub2e4.\n\uc138 \ubc88\uc9f8 \ubb38\ub2e8\uc785\ub2c8\ub2e4.\n]]<\/code><\/pre>\n\n\n\n<p>\uc704\uc640 \uac19\uc774 \uc785\ub825\ud558\uace0 \ubcc0\ud658\uc744 \ud558\uba74 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#3f0303\" class=\"has-inline-color\">\uc138 \uac1c\uc758 \ubb38\ub2e8 \uc911 \uc784\uc758 \uc904 \ud558\ub098\uac00 \uc120\ud0dd<\/mark><\/strong>\ub418\uc5b4 \ucd9c\ub825\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\uc138 \ubc88\uc9f8 \ubb38\ub2e8\uc785\ub2c8\ub2e4.<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ub79c\ub364 \ubb38\ub2e8\/\ub2e8\uc5b4 \uc591\uc2dd<\/h2>\n\n\n\n<p>\uc774\ubc88\uc5d0\ub294 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d70505\" class=\"has-inline-color\">\uc704\uc758 \ub450 \uac00\uc9c0 \ubc29\ubc95\uc744 \ubaa8\ub450 \uc0ac\uc6a9<\/mark><\/strong>\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc544\ub798\uc640 \uac19\uc774 \uc608\uc81c \ubb38\uc7a5\uc744 \ub9cc\ub4e4\uc5b4\ubd24\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;&#91;\n\uc774\uac83\uc740 &#91;\uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098]\uc785\ub2c8\ub2e4.\n\uc800\uac83\uc740 &#91;\uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098]\uc785\ub2c8\ub2e4.\n&#91;\uc774\uac83|\uc800\uac83]\uc740 &#91;\uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098|\uacfc\uc790]&#91;\uc774\ub2e4.|\uc785\ub2c8\ub2e4.|\ub124\uc694.]\n]]<\/code><\/pre>\n\n\n\n<p>\uc704\uc640 \uac19\uc774 \uc785\ub825\ud558\uace0 \ubcc0\ud658\uc744 \ud558\uba74 \uc544\ub798\uc640 \uac19\uc774 \uc784\uc758\uc758 \ubb38\ub2e8\uacfc \ub2e8\uc5b4\uac00 \uc120\ud0dd\ub418\uc5b4 \ucd9c\ub825\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\uc800\uac83\uc740 \ubc14\ub098\ub098\uc785\ub2c8\ub2e4.<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ub79c\ub364 \ubb38\ub2e8\/\ub2e8\uc5b4 \uc0ac\uc6a9\ud574\ubcf4\uae30<\/h2>\n\n\n\n<style>\n#inputString, #result {\n  width: 100%; \/* \ub108\ube44 100% *\/\n  height: 200px;\n  padding: 10px; \/* \uc5ec\ubc31 10px *\/\n  border: 1px solid #ccc; \/* \ud14c\ub450\ub9ac 1px #ccc *\/\n  box-sizing: border-box; \/* \ubc15\uc2a4 \uc0ac\uc774\uc9d5 border-box *\/\n  font-family: Arial, sans-serif; \/* \uae00\uaf34 Arial, sans-serif *\/\n  font-size: 14px; \/* \uae00\uaf34 \ud06c\uae30 14px *\/\n  line-height: 1.5; \/* \uc904 \uac04\uaca9 1.5 *\/\n}\n<\/style>\n<p><textarea id=\"inputString\">[[\n\uc774\uac83\uc740 [\uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098]\uc785\ub2c8\ub2e4.\n\uc800\uac83\uc740 [\uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098]\uc785\ub2c8\ub2e4.\n[\uc774\uac83|\uc800\uac83]\uc740 [\uc0ac\uacfc|\ubc30|\ubc14\ub098\ub098|\uacfc\uc790][\uc774\ub2e4.|\uc785\ub2c8\ub2e4.|\ub124\uc694.]\n]]<\/textarea><\/p>\n\n<script>\nfunction extractRandomString() {\n  const inputString = document.getElementById('inputString').value;\n  const delimiter = '|'; \/\/ \uad6c\ubd84\uc790\n  const extractPattern = \/\\[(.*?)\\]\/g; \/\/ \ucd94\ucd9c\ud560 \uad6c\uc5ed \ud328\ud134, \uae00\ub85c\ubc8c \ud50c\ub798\uadf8 \ucd94\uac00\n\n  if (inputString === '') {\n    alert('\ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud558\uc138\uc694.');\n    return;\n  }\n\n  \/\/ replace \ud568\uc218 \ub0b4\uc5d0\uc11c \ub79c\ub364 \uc120\ud0dd \ub85c\uc9c1\uc744 \uc801\uc6a9\n  const resultString = inputString.replace(extractPattern, (match, group1) => {\n    const choices = group1.split(delimiter);\n    const randomChoice = choices[Math.floor(Math.random() * choices.length)];\n    return randomChoice;\n  });\n\n  document.getElementById('result').textContent = RandomSentence (resultString); \/\/ \uacb0\uacfc\ub97c \ud654\uba74\uc5d0 \ucd9c\ub825\n}\n\nfunction RandomSentence(str) {\n  const regex = \/\\[\\[([\\s\\S]*?)\\]\\]\/g;\n  let sentences = [];\n  let match;\n\n  while (match = regex.exec(str)) {\n    sentences = match[1].split(\/\\r?\\n\/).filter(Boolean);\n    const randomIndex = Math.floor(Math.random() * sentences.length);\n    const selectedSentence = sentences[randomIndex].trim();\n    str = str.replace(match[0], selectedSentence);\n    regex.lastIndex -= match[0].length - selectedSentence.length;\n  }\n\n  return str;\n}  \n<\/script>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">\ubcc0\ud658<\/a><\/div>\n<\/div>\n\n\n\n<p><textarea id=\"result\"><\/textarea><\/p>\n\n<script>\ndocument.querySelector('.wp-block-button__link.wp-element-button').addEventListener('click', extractRandomString);\n<\/script>\n\n\n\n<p>\uc0ac\uc6a9\ub41c <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">\ucf54\ub4dc<\/mark><\/strong>\ub294 \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#2e3440ff\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;script&gt;\nfunction extractRandomString() {\n  const inputString = document.getElementById('inputString').value;\n  const delimiter = '|'; \/\/ \uad6c\ubd84\uc790\n  const extractPattern = \/\\[(.*?)\\]\/g; \/\/ \ucd94\ucd9c\ud560 \uad6c\uc5ed \ud328\ud134, \uae00\ub85c\ubc8c \ud50c\ub798\uadf8 \ucd94\uac00\n\n  if (inputString === '') {\n    alert('\ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud558\uc138\uc694.');\n    return;\n  }\n\n  \/\/ replace \ud568\uc218 \ub0b4\uc5d0\uc11c \ub79c\ub364 \uc120\ud0dd \ub85c\uc9c1\uc744 \uc801\uc6a9\n  const resultString = inputString.replace(extractPattern, (match, group1) =&gt; {\n    const choices = group1.split(delimiter);\n    const randomChoice = choices[Math.floor(Math.random() * choices.length)];\n    return randomChoice;\n  });\n\n  document.getElementById('result').textContent = RandomSentence (resultString); \/\/ \uacb0\uacfc\ub97c \ud654\uba74\uc5d0 \ucd9c\ub825\n}\n\nfunction RandomSentence(str) {\n  const regex = \/\\[\\[([\\s\\S]*?)\\]\\]\/g;\n  let sentences = [];\n  let match;\n\n  while (match = regex.exec(str)) {\n    sentences = match[1].split(\/\\r?\\n\/).filter(Boolean);\n    const randomIndex = Math.floor(Math.random() * sentences.length);\n    const selectedSentence = sentences[randomIndex].trim();\n    str = str.replace(match[0], selectedSentence);\n    regex.lastIndex -= match[0].length - selectedSentence.length;\n  }\n\n  return str;\n}  \n&lt;\/script&gt;\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;script&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">function extractRandomString() <\/span><span style=\"color: #81A1C1\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">inputString<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getElementById<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">inputString<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">value<\/span><span style=\"color: #D8DEE9FF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">delimiter<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">|<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\">; <\/span><span style=\"color: #616E88\">\/\/ \uad6c\ubd84\uc790<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">extractPattern<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #EBCB8B\"> <\/span><span style=\"color: #ECEFF4\">\/<\/span><span style=\"color: #EBCB8B\">\\[<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #EBCB8B\">.<\/span><span style=\"color: #81A1C1\">*?<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #EBCB8B\">\\]<\/span><span style=\"color: #ECEFF4\">\/<\/span><span style=\"color: #81A1C1\">g<\/span><span style=\"color: #D8DEE9FF\">; <\/span><span style=\"color: #616E88\">\/\/ \ucd94\ucd9c\ud560 \uad6c\uc5ed \ud328\ud134, \uae00\ub85c\ubc8c \ud50c\ub798\uadf8 \ucd94\uac00<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">if<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">inputString<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">===<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;&#39;<\/span><span style=\"color: #D8DEE9FF\">) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #88C0D0\">alert<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">\ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud558\uc138\uc694.<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    return;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #616E88\">\/\/ replace \ud568\uc218 \ub0b4\uc5d0\uc11c \ub79c\ub364 \uc120\ud0dd \ub85c\uc9c1\uc744 \uc801\uc6a9<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">resultString<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">inputString<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">replace<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">extractPattern<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">match<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">group1<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">choices<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">group1<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">split<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">delimiter<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">randomChoice<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">choices<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #D8DEE9\">Math<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">floor<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">Math<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">random<\/span><span style=\"color: #D8DEE9FF\">() <\/span><span style=\"color: #81A1C1\">*<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">choices<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">length)]<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">randomChoice<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #ECEFF4\">}<\/span><span style=\"color: #D8DEE9FF\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">document<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">getElementById<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">result<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9\">textContent<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">RandomSentence<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">resultString<\/span><span style=\"color: #D8DEE9FF\">); <\/span><span style=\"color: #616E88\">\/\/ \uacb0\uacfc\ub97c \ud654\uba74\uc5d0 \ucd9c\ub825<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">function RandomSentence(str) <\/span><span style=\"color: #81A1C1\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">const<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">regex<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #EBCB8B\"> <\/span><span style=\"color: #ECEFF4\">\/<\/span><span style=\"color: #EBCB8B\">\\[\\[<\/span><span style=\"color: #ECEFF4\">([<\/span><span style=\"color: #EBCB8B\">\\s\\S<\/span><span style=\"color: #ECEFF4\">]<\/span><span style=\"color: #81A1C1\">*?<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #EBCB8B\">\\]\\]<\/span><span style=\"color: #ECEFF4\">\/<\/span><span style=\"color: #81A1C1\">g<\/span><span style=\"color: #D8DEE9FF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">let<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">sentences<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #D8DEE9\">let<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">match<\/span><span style=\"color: #D8DEE9FF\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #88C0D0\">while<\/span><span style=\"color: #D8DEE9FF\"> (<\/span><span style=\"color: #D8DEE9\">match<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">regex<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">exec<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">str<\/span><span style=\"color: #D8DEE9FF\">)) <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">sentences<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">match<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #D8DEE9FF\">]<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">split<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #ECEFF4\">\/<\/span><span style=\"color: #EBCB8B\">\\r<\/span><span style=\"color: #81A1C1\">?<\/span><span style=\"color: #EBCB8B\">\\n<\/span><span style=\"color: #ECEFF4\">\/<\/span><span style=\"color: #D8DEE9FF\">)<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">filter<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">Boolean<\/span><span style=\"color: #D8DEE9FF\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    const <\/span><span style=\"color: #D8DEE9\">randomIndex<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">Math<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">floor<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">Math<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">random<\/span><span style=\"color: #D8DEE9FF\">() <\/span><span style=\"color: #81A1C1\">*<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">sentences<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #D8DEE9FF\">length);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    const <\/span><span style=\"color: #D8DEE9\">selectedSentence<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">sentences<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #D8DEE9\">randomIndex<\/span><span style=\"color: #D8DEE9FF\">]<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">trim<\/span><span style=\"color: #D8DEE9FF\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">str<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">str<\/span><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #88C0D0\">replace<\/span><span style=\"color: #D8DEE9FF\">(<\/span><span style=\"color: #D8DEE9\">match<\/span><span style=\"color: #D8DEE9FF\">[<\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #D8DEE9FF\">]<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">selectedSentence<\/span><span style=\"color: #D8DEE9FF\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    regex.lastIndex -= match<\/span><span style=\"color: #88C0D0\">[<\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\">].length - selectedSentence.length;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">  return str;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">}  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #88C0D0\">&lt;\/script&gt;<\/span><\/span><\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\uc5ec\ub7ec \uae00\uc744 \uc791\uc131\ud574\uc57c\ud560 \ub54c \uc5ec\ub7ec \ubb38\ub2e8\uacfc \ub2e8\uc5b4\ub97c \uc791\uc131\ud574\ub450\uace0 \ub79c\ub364\uc73c\ub85c \ubb38\ub2e8\uacfc \ub2e8\uc5b4\ub97c \ucd94\ucd9c\ud574 \uae00\uc744 \uc790\ub3d9\uc73c\ub85c \uc791\uc131\ud574\uc8fc\ub294 \uae30\ub2a5\uc744 Javascript\ub85c \ub9cc\ub4e4\uc5b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \ucd5c\uadfc\uc5d0 \uc62c\ub838\ub358 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[3],"tags":[16,19,18,17],"class_list":["post-77","post","type-post","status-publish","format-standard","hentry","category-webprogram","tag-javscript","tag-openai","tag-18","tag-17"],"_links":{"self":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=77"}],"version-history":[{"count":13,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/77\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/77\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}