{"id":165,"date":"2024-06-20T08:00:00","date_gmt":"2024-06-19T23:00:00","guid":{"rendered":"https:\/\/wizardofcode.kr\/?p=165"},"modified":"2024-06-19T22:39:23","modified_gmt":"2024-06-19T13:39:23","slug":"php%eb%a1%9c-%ea%b2%8c%ec%8b%9c%ed%8c%90-%eb%93%b1%eb%a1%9d%ec%9d%bc%ec%9e%90-%ed%91%9c%ec%8b%9c-%eb%b0%a9%ea%b8%88%ec%a0%84-%eb%aa%87-%ec%8b%9c%ea%b0%84-%ec%a0%84-%eb%aa%87-%ec%9d%bc-%ec%a0%84","status":"publish","type":"post","link":"https:\/\/wizardofcode.kr\/?p=165","title":{"rendered":"PHP\ub85c \uac8c\uc2dc\ud310 \ub4f1\ub85d\uc77c\uc790 \ud45c\uc2dc: \ubc29\uae08\uc804, \uba87 \uc2dc\uac04 \uc804, \uba87 \uc77c \uc804 \uc790\ub3d9 \uacc4\uc0b0\ud558\uae30"},"content":{"rendered":"\n<p>\uc6f9\uc0ac\uc774\ud2b8\uc758 \uac8c\uc2dc\ud310\uc774\ub098 \ube14\ub85c\uadf8\uc5d0\uc11c \ub4f1\ub85d\uc77c\uc790\ub97c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc9c1\uad00\uc801\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ubcf8 \ud3ec\uc2a4\ud305\uc5d0\uc11c\ub294 PHP\ub97c \uc774\uc6a9\ud574 \uac8c\uc2dc\ubb3c\uc758 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#109b02\" class=\"has-inline-color\">\ub4f1\ub85d\uc77c\uc790<\/mark><\/strong>\ub97c &#8216;\ubc29\uae08\uc804&#8217;, &#8216;\uba87 \uc2dc\uac04 \uc804&#8217;, &#8216;\uba70\uce60 \uc804&#8217; \ub4f1\uc758 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#130aaa\" class=\"has-inline-color\">\uc0c1\ub300\uc801\uc778 \uc2dc\uac04 \ud615\uc2dd<\/mark><\/strong>\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \ubc29\ubc95\uc744 \uc124\uba85\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uac1c\uc120\ud558\uace0, \uac8c\uc2dc\ubb3c\uc758 \ucd5c\uc2e0\uc131\uc744 \uc27d\uac8c \ud30c\uc545\ud560 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ubaa9\ucc28<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#intro_func\" data-type=\"internal\" data-id=\"#intro_func\">\ud568\uc218 \uc18c\uac1c<\/a><\/li>\n\n\n\n<li><a href=\"#exam_code\" data-type=\"internal\" data-id=\"#exam_code\">\ucf54\ub4dc \uc608\uc81c<\/a><\/li>\n\n\n\n<li><a href=\"#apply_css\" data-type=\"internal\" data-id=\"#apply_css\">CSS \uc2a4\ud0c0\uc77c \uc801\uc6a9<\/a><\/li>\n\n\n\n<li><a href=\"#sample_view\" data-type=\"internal\" data-id=\"#sample_view\">\uc801\uc6a9 \uc608\uc2dc<\/a><\/li>\n\n\n\n<li><a href=\"#finally_result\" data-type=\"internal\" data-id=\"#finally_result\">\uacb0\ub860<\/a><\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"intro_func\">1. \ud568\uc218 \uc18c\uac1c<\/h2>\n\n\n\n<p>\uac8c\uc2dc\ubb3c\uc758 \ub4f1\ub85d\uc77c\uc790\ub97c \uc0c1\ub300\uc801\uc778 \uc2dc\uac04\uc73c\ub85c \ud45c\uc2dc\ud558\uae30 \uc704\ud574 \ub2e4\uc74c\uc758 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1a55d5\" class=\"has-inline-color\">\ub450 \uac00\uc9c0 \ud568\uc218<\/mark><\/strong>\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#760303\" class=\"has-inline-color\">getRelativeDate<\/mark><\/strong>: \uc8fc\uc5b4\uc9c4 \ub0a0\uc9dc\uc640 \ud604\uc7ac \ub0a0\uc9dc\uc758 \ucc28\uc774\uc5d0 \ub530\ub77c \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\ub97c \ubc18\ud658\ud569\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#760303\" class=\"has-inline-color\">getRelativeTime<\/mark><\/strong>: \uc8fc\uc5b4\uc9c4 \uc2dc\uac04\uacfc \ud604\uc7ac \uc2dc\uac04\uc758 \ucc28\uc774\uc5d0 \ub530\ub77c \uc0c1\ub300\uc801\uc778 \uc2dc\uac04\uc744 \ubc18\ud658\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p>\uc774 \ud568\uc218\ub4e4\uc740 \uc8fc\uc5b4\uc9c4 \ub0a0\uc9dc\ub098 \uc2dc\uac04\uacfc \ud604\uc7ac \uc2dc\uac04\uc758 \ucc28\uc774\ub97c \uacc4\uc0b0\ud558\uc5ec <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#780577\" class=\"has-inline-color\">&#8220;\ubc29\uae08\uc804&#8221;, &#8220;X\ubd84\uc804&#8221;, &#8220;X\uc2dc\uac04\uc804&#8221;, &#8220;\uc5b4\uc81c&#8221;, &#8220;X\uc77c\uc804&#8221; \ub4f1\uc758 \ud615\uc2dd<\/mark><\/strong>\uc73c\ub85c \uc9c1\uad00\uc801\uc73c\ub85c \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"exam_code\" style=\"margin-top:0;margin-bottom:0\">2. \ucf54\ub4dc \uc608\uc81c<\/h2>\n\n\n\n<p>\uc544\ub798\ub294 PHP\uc5d0\uc11c \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\uc640 \uc2dc\uac04\uc744 \uacc4\uc0b0\ud558\uc5ec \ud45c\uc2dc\ud558\ub294 \ucf54\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc544\ub798\uc758 \ucf54\ub4dc\ub97c <strong>print_date.lib.php<\/strong>\uc5d0 \ub9cc\ub4e4\uc5b4\ubcf4\uaca0\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;?php\n\/\/ print_date.lib.php\n\n\/**\n * \uc8fc\uc5b4\uc9c4 \ub0a0\uc9dc\uc640 \ud604\uc7ac \ub0a0\uc9dc\uc758 \ucc28\uc774\uc5d0 \ub530\ub77c \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\ub97c \ubc18\ud658\ud558\ub294 \ud568\uc218\n *\n * @param string $datetime - \ube44\uad50\ud560 \ub0a0\uc9dc \uc2dc\uac04 \ubb38\uc790\uc5f4\n * @return string - \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\ub97c \ub098\ud0c0\ub0b4\ub294 \ubb38\uc790\uc5f4\n *\/\nfunction getRelativeDate($datetime) {\n    $now = time();\n    $dateTimestamp = strtotime($datetime);\n\n    if (!$dateTimestamp) {\n        return &quot;\u00a0&quot;;\n    }\n\n    \/\/ \ub0a0\uc9dc \ucc28\uc774\ub97c \ucd08 \ub2e8\uc704\ub85c \uacc4\uc0b0\n    $diffInSeconds = $now - $dateTimestamp;\n    $daysAgo = floor($diffInSeconds \/ 86400);\n\n    \/\/ \ub0a0\uc9dc \ucc28\uc774\uc5d0 \ub530\ub978 \ubb38\uc790\uc5f4 \uc0dd\uc131\n    if ($daysAgo &lt; 1) {\n        return getRelativeTime($datetime);\n    } elseif ($daysAgo == 1) {\n        return '&lt;span class=&quot;time-day&quot;&gt;\uc5b4\uc81c&lt;\/span&gt;';\n    } elseif ($daysAgo &lt; 7) {\n        return '&lt;span class=&quot;time-day&quot;&gt;' . $daysAgo . '\uc77c\uc804&lt;\/span&gt;';\n    } elseif (date('Y', $dateTimestamp) == date('Y')) {\n        \/\/ 7\uc77c \uc774\uc0c1, \uac19\uc740 \ud574 \ub0b4\uc758 \uacbd\uc6b0 MM-DD \ud615\uc2dd\uc73c\ub85c \ubc18\ud658\n        return '&lt;span class=&quot;time-date&quot;&gt;' . date('m-d', $dateTimestamp) . '&lt;\/span&gt;';\n    } else {\n        \/\/ \ub2e4\ub978 \ud574\uc758 \uacbd\uc6b0 YYYY-MM-DD \ud615\uc2dd\uc73c\ub85c \ubc18\ud658\n        return '&lt;span class=&quot;time-date&quot;&gt;' . date('Y-m-d', $dateTimestamp) . '&lt;\/span&gt;';\n    }\n}\n\n\/**\n * \uc8fc\uc5b4\uc9c4 \uc2dc\uac04\uacfc \ud604\uc7ac \uc2dc\uac04\uc758 \ucc28\uc774\uc5d0 \ub530\ub77c \uc0c1\ub300\uc801\uc778 \uc2dc\uac04\uc744 \ubc18\ud658\ud558\ub294 \ud568\uc218\n *\n * @param string $time - \ube44\uad50\ud560 \uc2dc\uac04 \ubb38\uc790\uc5f4\n * @return string - \uc0c1\ub300\uc801\uc778 \uc2dc\uac04\uc744 \ub098\ud0c0\ub0b4\ub294 \ubb38\uc790\uc5f4\n *\/\nfunction getRelativeTime($time){\n    $now = time();\n    $dateTimestamp = strtotime($time);\n\n    $diffInSeconds = $now - $dateTimestamp;\n    $hours = floor(abs($diffInSeconds \/ 3600));\n    $minutes = floor(abs($diffInSeconds % 3600) \/ 60);\n    $seconds = floor(abs($diffInSeconds % 60));\n\n    if ($hours &gt; 0) {\n        return '&lt;span class=&quot;time-hour&quot;&gt;' . $hours . '\uc2dc\uac04\uc804&lt;\/span&gt;';\n    }\n\n    if ($minutes &gt; 0) {\n        return '&lt;span class=&quot;time-minute&quot;&gt;' . $minutes . '\ubd84\uc804&lt;\/span&gt;';\n    }\n\n    return '&lt;span class=&quot;time-recent&quot;&gt;\ubc29\uae08\uc804&lt;\/span&gt;';\n}\n?&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;?<\/span><span style=\"color: #D8DEE9FF\">php<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">\/\/ print_date.lib.php<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">\/**<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> * \uc8fc\uc5b4\uc9c4 \ub0a0\uc9dc\uc640 \ud604\uc7ac \ub0a0\uc9dc\uc758 \ucc28\uc774\uc5d0 \ub530\ub77c \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\ub97c \ubc18\ud658\ud558\ub294 \ud568\uc218<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> *<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> * <\/span><span style=\"color: #81A1C1\">@param<\/span><span style=\"color: #616E88\"> <\/span><span style=\"color: #81A1C1\">string<\/span><span style=\"color: #616E88\"> $datetime - \ube44\uad50\ud560 \ub0a0\uc9dc \uc2dc\uac04 \ubb38\uc790\uc5f4<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> * <\/span><span style=\"color: #81A1C1\">@return<\/span><span style=\"color: #616E88\"> <\/span><span style=\"color: #81A1C1\">string<\/span><span style=\"color: #616E88\"> - \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\ub97c \ub098\ud0c0\ub0b4\ub294 \ubb38\uc790\uc5f4<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">getRelativeDate<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">datetime<\/span><span style=\"color: #ECEFF4\">)<\/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\">$<\/span><span style=\"color: #D8DEE9\">now<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">time<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">strtotime<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">datetime<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">!$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #ECEFF4\">)<\/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\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\u00a0<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">;<\/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\">\/\/ \ub0a0\uc9dc \ucc28\uc774\ub97c \ucd08 \ub2e8\uc704\ub85c \uacc4\uc0b0<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">diffInSeconds<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">now<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">daysAgo<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">floor<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">diffInSeconds<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">\/<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">86400<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">    <\/span><span style=\"color: #616E88\">\/\/ \ub0a0\uc9dc \ucc28\uc774\uc5d0 \ub530\ub978 \ubb38\uc790\uc5f4 \uc0dd\uc131<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">daysAgo<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">)<\/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\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">getRelativeTime<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">datetime<\/span><span style=\"color: #ECEFF4\">)<\/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 style=\"color: #81A1C1\">elseif<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">daysAgo<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">==<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #ECEFF4\">)<\/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\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">&lt;span class=&quot;time-day&quot;&gt;\uc5b4\uc81c&lt;\/span&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/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 style=\"color: #81A1C1\">elseif<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">daysAgo<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">7<\/span><span style=\"color: #ECEFF4\">)<\/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\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">&lt;span class=&quot;time-day&quot;&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">daysAgo<\/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\">\uc77c\uc804&lt;\/span&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/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 style=\"color: #81A1C1\">elseif<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #88C0D0\">date<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">Y<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">==<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">date<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">Y<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #ECEFF4\">))<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">        <\/span><span style=\"color: #616E88\">\/\/ 7\uc77c \uc774\uc0c1, \uac19\uc740 \ud574 \ub0b4\uc758 \uacbd\uc6b0 MM-DD \ud615\uc2dd\uc73c\ub85c \ubc18\ud658<\/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: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">&lt;span class=&quot;time-date&quot;&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">date<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">m-d<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #ECEFF4\">)<\/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\">&lt;\/span&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/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 style=\"color: #81A1C1\">else<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">        <\/span><span style=\"color: #616E88\">\/\/ \ub2e4\ub978 \ud574\uc758 \uacbd\uc6b0 YYYY-MM-DD \ud615\uc2dd\uc73c\ub85c \ubc18\ud658<\/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: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">&lt;span class=&quot;time-date&quot;&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">date<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">Y-m-d<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #ECEFF4\">)<\/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\">&lt;\/span&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">\/**<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> * \uc8fc\uc5b4\uc9c4 \uc2dc\uac04\uacfc \ud604\uc7ac \uc2dc\uac04\uc758 \ucc28\uc774\uc5d0 \ub530\ub77c \uc0c1\ub300\uc801\uc778 \uc2dc\uac04\uc744 \ubc18\ud658\ud558\ub294 \ud568\uc218<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> *<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> * <\/span><span style=\"color: #81A1C1\">@param<\/span><span style=\"color: #616E88\"> <\/span><span style=\"color: #81A1C1\">string<\/span><span style=\"color: #616E88\"> $time - \ube44\uad50\ud560 \uc2dc\uac04 \ubb38\uc790\uc5f4<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> * <\/span><span style=\"color: #81A1C1\">@return<\/span><span style=\"color: #616E88\"> <\/span><span style=\"color: #81A1C1\">string<\/span><span style=\"color: #616E88\"> - \uc0c1\ub300\uc801\uc778 \uc2dc\uac04\uc744 \ub098\ud0c0\ub0b4\ub294 \ubb38\uc790\uc5f4<\/span><\/span>\n<span class=\"line\"><span style=\"color: #616E88\"> *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">function<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">getRelativeTime<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">time<\/span><span style=\"color: #ECEFF4\">){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">now<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">time<\/span><span style=\"color: #ECEFF4\">()<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">strtotime<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">time<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">diffInSeconds<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">now<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">dateTimestamp<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">hours<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">floor<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #88C0D0\">abs<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">diffInSeconds<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">\/<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">3600<\/span><span style=\"color: #ECEFF4\">))<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">minutes<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">floor<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #88C0D0\">abs<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">diffInSeconds<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">%<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">3600<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">\/<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">60<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">seconds<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">floor<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #88C0D0\">abs<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">diffInSeconds<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">%<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">60<\/span><span style=\"color: #ECEFF4\">))<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">hours<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #ECEFF4\">)<\/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\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">&lt;span class=&quot;time-hour&quot;&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">hours<\/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\">\uc2dc\uac04\uc804&lt;\/span&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/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: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">if<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">minutes<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #ECEFF4\">)<\/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\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">&lt;span class=&quot;time-minute&quot;&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">$<\/span><span style=\"color: #D8DEE9\">minutes<\/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\">\ubd84\uc804&lt;\/span&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/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: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">return<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">&lt;span class=&quot;time-recent&quot;&gt;\ubc29\uae08\uc804&lt;\/span&gt;<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">?&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc704 \ucf54\ub4dc\ub97c \ud1b5\ud574 <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#760303\" class=\"has-inline-color\">getRelativeDate<\/mark><\/strong> \ud568\uc218\ub294 \uc785\ub825\ub41c \ub0a0\uc9dc\uc640 \ud604\uc7ac \ub0a0\uc9dc\uc758 \ucc28\uc774\uc5d0 \ub530\ub77c &#8220;\uc5b4\uc81c&#8221; \ub610\ub294 &#8220;X\uc77c\uc804&#8221;\uc744 \ubc18\ud658\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#760303\" class=\"has-inline-color\">getRelativeTime<\/mark><\/strong> \ud568\uc218\ub294 \uc2dc\uac04 \ucc28\uc774\uc5d0 \ub530\ub77c &#8220;\ubc29\uae08\uc804&#8221;, &#8220;X\ubd84\uc804&#8221;, &#8220;X\uc2dc\uac04\uc804&#8221;\uc744 \ubc18\ud658\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"apply_css\">3. CSS \uc2a4\ud0c0\uc77c \uc801\uc6a9<\/h2>\n\n\n\n<p>\uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\uc640 \uc2dc\uac04 \ud14d\uc2a4\ud2b8\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \ub9e4\ub825\uc801\uc774\uac8c \ud45c\uc2dc\ud558\uae30 \uc704\ud574 <mark style=\"background-color:rgba(0, 0, 0, 0);color:#3e18bf\" class=\"has-inline-color\"><strong>CSS \uc2a4\ud0c0\uc77c<\/strong><\/mark>\uc744 \ucd94\uac00\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ub2e4\uc74c\uc740 \uc2a4\ud0c0\uc77c\uc744 \uc815\uc758\ud558\ub294 <strong>styles.<\/strong>css \ud30c\uc77c\uc758 \uc608\uc81c\uc785\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=\"\/* styles.css *\/\n\n\/* \uc2dc\uac04 \ud45c\uc2dc \uc2a4\ud0c0\uc77c *\/\n.time-hour {\n    color: #4f95b7;\n    font-weight: bold;\n}\n\n.time-minute {\n    color: #ff8521;\n    font-weight: bold;\n}\n\n.time-recent {\n    color: #ee3616;\n    font-weight: bold;\n}\n\n.time-day {\n    color: #333;\n}\n\n.time-date {\n    color: #666;\n}\" 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: #616E88\">\/* styles.css *\/<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #616E88\">\/* \uc2dc\uac04 \ud45c\uc2dc \uc2a4\ud0c0\uc77c *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">time-hour<\/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\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">4f95b7<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">font-weight<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">time-minute<\/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\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">ff8521<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">font-weight<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">time-recent<\/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\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">ee3616<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D8DEE9\">font-weight<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">time-day<\/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\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">333<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">.<\/span><span style=\"color: #8FBCBB\">time-date<\/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\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">666<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc774 CSS \ud074\ub798\uc2a4\ub4e4\uc740 \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc\uc640 \uc2dc\uac04 \ud14d\uc2a4\ud2b8\uc758 \uc0c9\uc0c1\uacfc \uad75\uae30\ub97c \uc124\uc815\ud558\uc5ec \uac15\uc870\ud560 \ubd80\ubd84\uc744 \uba85\ud655\ud558\uac8c \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sample_view\">4. \uc801\uc6a9 \uc608\uc2dc<\/h2>\n\n\n\n<p>PHP\uc640 CSS \ud30c\uc77c\uc744 \ud1b5\ud569\ud558\uc5ec \ub4f1\ub85d\uc77c\uc790\ub97c \ud45c\uc2dc\ud558\ub294 \uc608\uc81c \ud30c\uc77c\uc778 <strong>index.html<\/strong>\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uaca0\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;!DOCTYPE html&gt;\n&lt;html lang=&quot;ko&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n    &lt;title&gt;PHP \uc0c1\ub300 \uc2dc\uac04 \uacc4\uc0b0 \ubc0f \uac8c\uc2dc\ud310 \ub4f1\ub85d\uc77c\uc790 \ud45c\uc2dc&lt;\/title&gt;\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;?php include 'print_date.lib.php'; ?&gt;\n\n    &lt;h1&gt;PHP \uc0c1\ub300 \uc2dc\uac04 \uacc4\uc0b0 \ubc0f \uac8c\uc2dc\ud310 \ub4f1\ub85d\uc77c\uc790 \ud45c\uc2dc&lt;\/h1&gt;\n    &lt;p&gt;\ud604\uc7ac \ub0a0\uc9dc\ub85c\ubd80\ud130 \uba87 \uc77c \uc804\uc778\uc9c0: &lt;?php echo getRelativeDate('2024-06-12 14:30:00'); ?&gt;&lt;\/p&gt;\n    &lt;p&gt;\uba87 \uc2dc\uac04 \uc804\uc778\uc9c0: &lt;?php echo getRelativeTime('2024-06-18 10:00:00'); ?&gt;&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&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;!<\/span><span style=\"color: #D8DEE9FF\">DOCTYPE html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">html lang<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">ko<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">head<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">meta charset<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">UTF-8<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">meta name<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">viewport<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> content<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">width=device-width, initial-scale=1.0<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">title<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">PHP \uc0c1\ub300 \uc2dc\uac04 \uacc4\uc0b0 \ubc0f \uac8c\uc2dc\ud310 \ub4f1\ub85d\uc77c\uc790 \ud45c\uc2dc<\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">title<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">link rel<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">stylesheet<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> href<\/span><span style=\"color: #81A1C1\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">styles.css<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">head<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">body<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;?<\/span><span style=\"color: #D8DEE9FF\">php <\/span><span style=\"color: #81A1C1\">include<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">print_date.lib.php<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">?&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">h1<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">PHP \uc0c1\ub300 \uc2dc\uac04 \uacc4\uc0b0 \ubc0f \uac8c\uc2dc\ud310 \ub4f1\ub85d\uc77c\uc790 \ud45c\uc2dc<\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">h1<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">p<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\ud604\uc7ac \ub0a0\uc9dc\ub85c\ubd80\ud130 \uba87 \uc77c \uc804\uc778\uc9c0<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;?<\/span><span style=\"color: #D8DEE9FF\">php <\/span><span style=\"color: #81A1C1\">echo<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">getRelativeDate<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">2024-06-12 14:30:00<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">?&gt;&lt;\/<\/span><span style=\"color: #D8DEE9FF\">p<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9FF\">p<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\uba87 \uc2dc\uac04 \uc804\uc778\uc9c0<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">&lt;?<\/span><span style=\"color: #D8DEE9FF\">php <\/span><span style=\"color: #81A1C1\">echo<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">getRelativeTime<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #A3BE8C\">2024-06-18 10:00:00<\/span><span style=\"color: #ECEFF4\">&#39;<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">?&gt;&lt;\/<\/span><span style=\"color: #D8DEE9FF\">p<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">body<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9FF\">html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc218\ud589\uc744 \ud558\uba74 \uc11c\ubc84 \uc2dc\uac04\uc744 \uae30\uc900\uc73c\ub85c \uba87 \uc77c\uc804\uc778\uc9c0 \uba87 \uc2dc\uac04 \uc804\uc778\uc9c0 \ucd9c\ub825\uc744 \ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"finally_result\">5. \uacb0\ub860<\/h2>\n\n\n\n<p>\uc774 \uae00\uc5d0\uc11c\ub294 PHP\ub97c \uc0ac\uc6a9\ud558\uc5ec <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#0c9717\" class=\"has-inline-color\">\uac8c\uc2dc\ud310\uc758 \ub4f1\ub85d\uc77c\uc790<\/mark><\/strong>\ub97c &#8216;\ubc29\uae08\uc804&#8217;, &#8216;\uba87 \uc2dc\uac04 \uc804&#8217;, &#8216;\uba70\uce60 \uc804&#8217; \ub4f1\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \ubc29\ubc95\uc744 \ub2e4\ub8e8\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ubc29\ubc95\uc740 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ub4f1\ub85d\uc77c\uc790\uc758 \ucd5c\uc2e0\uc131\uc744 \uc9c1\uad00\uc801\uc73c\ub85c \uc804\ub2ec\ud558\uba70, \uac8c\uc2dc\ubb3c\uc758 \uac00\ub3c5\uc131\uc744 \ub192\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc81c\uacf5\ub41c \uc608\uc81c \ucf54\ub4dc\ub97c \ud1b5\ud574 \uc27d\uac8c \uc790\uc2e0\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0 \ud1b5\ud569\ud558\uace0, CSS\ub97c \ud1b5\ud574 \uc2a4\ud0c0\uc77c\uc744 \uc870\uc815\ud558\uc5ec \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774 \uc608\uc81c\uc640 \uc124\uba85\uc774 \uc5ec\ub7ec\ubd84\uc758 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \uc0c1\ub300\uc801\uc778 \ub0a0\uc9dc \ubc0f \uc2dc\uac04\uc744 \ud45c\uc2dc\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\uae38 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9\uc0ac\uc774\ud2b8\uc758 \uac8c\uc2dc\ud310\uc774\ub098 \ube14\ub85c\uadf8\uc5d0\uc11c \ub4f1\ub85d\uc77c\uc790\ub97c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc9c1\uad00\uc801\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. \ubcf8 \ud3ec\uc2a4\ud305\uc5d0\uc11c\ub294 PHP\ub97c \uc774\uc6a9\ud574 \uac8c\uc2dc\ubb3c\uc758 \ub4f1\ub85d\uc77c\uc790\ub97c &#8216;\ubc29\uae08\uc804&#8217;, &#8216;\uba87 \uc2dc\uac04 \uc804&#8217;, &#8216;\uba70\uce60 \uc804&#8217; \ub4f1\uc758 \uc0c1\ub300\uc801\uc778 \uc2dc\uac04 \ud615\uc2dd\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \ubc29\ubc95\uc744 \uc124\uba85\ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uac1c\uc120\ud558\uace0, \uac8c\uc2dc\ubb3c\uc758 \ucd5c\uc2e0\uc131\uc744 \uc27d\uac8c \ud30c\uc545\ud560 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4. \ubaa9\ucc28 1. \ud568\uc218 \uc18c\uac1c \uac8c\uc2dc\ubb3c\uc758 \ub4f1\ub85d\uc77c\uc790\ub97c \uc0c1\ub300\uc801\uc778 \uc2dc\uac04\uc73c\ub85c \ud45c\uc2dc\ud558\uae30 \uc704\ud574 \ub2e4\uc74c\uc758 \ub450 \uac00\uc9c0 \ud568\uc218\ub97c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[22,17,25],"class_list":["post-165","post","type-post","status-publish","format-standard","hentry","category-webprogram","tag-php","tag-17","tag-25"],"_links":{"self":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/165","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=165"}],"version-history":[{"count":15,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/165\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=\/wp\/v2\/posts\/165\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wizardofcode.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}