{"id":22699,"date":"2023-11-01T02:17:55","date_gmt":"2023-10-31T17:17:55","guid":{"rendered":"http:\/\/hyunsik.me\/wordpress\/?p=22699"},"modified":"2023-11-01T02:52:44","modified_gmt":"2023-10-31T17:52:44","slug":"%ec%a0%95%eb%b3%b4-%eb%aa%a8%eb%b0%94%ec%9d%bc-%ed%99%98%ea%b2%bd%ec%9d%bc-%eb%95%8c-%ed%8a%b9%ec%a0%95-div%ed%98%b9%ec%9d%80-%ec%96%b4%eb%96%a4-%ec%9a%94%ec%86%8c%ec%9d%98-%ed%8f%b0%ed%8a%b8","status":"publish","type":"post","link":"http:\/\/hyunsik.me\/wordpress\/?p=22699","title":{"rendered":"[\uc815\ubcf4] \ubaa8\ubc14\uc77c \ud658\uacbd\uc77c \ub54c, \ud2b9\uc815 DIV(\ud639\uc740 \uc5b4\ub5a4 \uc694\uc18c)\uc758 \ud3f0\ud2b8 \ud06c\uae30\ub97c \ubcc0\uacbd\ud574\uc8fc\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud568\uc218"},"content":{"rendered":"<p>\uc774 \ud568\uc218\ub294 \ubcf8 \ube14\ub85c\uadf8\ub97c \uc704\ud574 chatGPT\uc5d0\uac8c \uc758\ub8b0\ud558\uc5ec \ub9cc\ub4e0 \ud568\uc218\uc774\ub2e4. chatGPT\uac00 \uc5c6\uc73c\uba74 \ub9cc\ub4e4\uc5b4\ub0b4\uae30 \ud798\ub4e0 \ud568\uc218\uc778\ub370, chatGPT \ub355\ubd84\uc5d0 \ub108\ubb34 \uc27d\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc5c8\ub2e4.<\/p>\n<p>\ubcf8 \ube14\ub85c\uadf8\uc5d0 \ubaa8\ubc14\uc77c \ud14c\ub9c8\ub97c \uc801\uc6a9\ud558\uba74, \uc783\ub294 \uac83\uc774 \ub354 \ub9ce\uae30 \ub54c\ubb38\uc5d0, \ud2b9\uc815 DIV(\ud639\uc740 \uc5b4\ub5a4 \uc694\uc18c)\uc758 \ud3f0\ud2b8 \uc0ac\uc774\uc988\ub97c \ubcc0\uacbd\ud574\uc8fc\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud568\uc218\uac00 \ud544\uc694\ud588\ub2e4.<\/p>\n<p>\ud654\uba74 \ub108\ube44\uac00 1200 \uc774\ud558\uc77c \ub54c, id\uac00 very_special_content\uc778 \uc694\uc18c\ub97c \uc7a1\uc544\uc11c \uadf8 \uc548\uc758 \ud14d\uc2a4\ud2b8\uc758 \uc0ac\uc774\uc988\ub97c \uc99d\uac00\uc2dc\ucf1c\uc8fc\ub294 \ubc29\uc2dd\uc774\ub2e4.<br \/>\n\u203b \uc5ec\uae30\uc11c\ub294 1200 \uc774\ud558\ub97c \ubaa8\ubc14\uc77c\ub85c \uac04\uc8fc\ud55c \uac83\uc774\ub2e4. chatGPT\ub294 768\uc744 \ucd94\ucc9c\ud588\uc5c8\ub2e4.<br \/>\n\u203b \ub2e8, id\uac00 exception\uc778 \uc694\uc18c\uc758 \uacbd\uc6b0\uc5d0\ub294 \ud3f0\ud2b8 \ud06c\uae30\ub97c \ubcc0\uacbd\ud558\uc9c0 \ub9d0\ub77c\ub294 \ucf54\ub4dc\ub3c4 \ud568\uaed8 \uc788\ub2e4.<\/p>\n<pre style=\"font-family: NanumGothic; background-color: #e3e3f3; padding: 5px; color: blue; font-weight: bold;\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\nfunction increaseFontSizesInDiv() {\r\n  \/\/ \ud604\uc7ac \ud654\uba74 \ub108\ube44\ub97c \uac00\uc838\uc635\ub2c8\ub2e4.\r\n  var screenWidth = window.innerWidth;\r\n\r\n  if (screenWidth &lt; 1200) {  \/\/ \uc5ec\uae30\uc11c\ub294 \uac00\ub85c 1200 \uc774\ud558\uc77c \ub54c\ub9cc \ud3f0\ud2b8 \uc0ac\uc774\uc988 \ubcc0\uacbd\r\n    \/\/ \ub300\uc0c1 div \uc694\uc18c\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.\r\n    var divElement = document.getElementById(\"very_special_content\");\r\n\r\n    if (divElement) {\r\n      \/\/ div \uc694\uc18c \uc548\uc758 \ubaa8\ub4e0 \ud14d\uc2a4\ud2b8 \uc694\uc18c\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.\r\n      var textElements = divElement.querySelectorAll(\"p, span, h1, h2, h3, h4, \r\n                                          h5, h6, a, li, td, th, div, td, strong\");\r\n\r\n      \/\/ \uac01 \ud14d\uc2a4\ud2b8 \uc694\uc18c\uc758 \ud3f0\ud2b8 \ud06c\uae30\ub97c \uc870\uc808\ud569\ub2c8\ub2e4.\r\n      for (var i = 0; i &lt; textElements.length; i++) {\r\n        \/\/ \ub300\uc0c1 div\uc758 ID\uac00 \"exception\"\uc778 \uacbd\uc6b0 \ud3f0\ud2b8 \ud06c\uae30 \ubcc0\uacbd \uc81c\uc678(\ud574\ub2f9 div \uc548\uc758 \ubaa8\ub4e0 \uac1d\uccb4 \uc81c\uc678)\r\n        if (textElements[i].closest(\"#exception\")) {\r\n          continue;\r\n        }\r\n\r\n        var currentFontSize = window.getComputedStyle(textElements[i]).fontSize;\r\n        var currentFontSizeNumeric = parseFloat(currentFontSize);\r\n        if (!isNaN(currentFontSizeNumeric)) {\r\n          var unit = currentFontSize.endsWith(\"px\") ? \"px\" : currentFontSize.endsWith(\"pt\") ? \"pt\" : \"px\";\r\n          var sizeIncrement = unit === \"px\" ? 6 : unit === \"pt\" ? 6 : 0;\r\n\r\n          var newFontSize = currentFontSizeNumeric + sizeIncrement;\r\n          textElements[i].style.fontSize = newFontSize + unit;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\/\/ \ud398\uc774\uc9c0 \ub85c\ub4dc \uc2dc \ud3f0\ud2b8 \ud06c\uae30 \uc99d\uac00 \ud568\uc218\ub97c \ud638\ucd9c\ud569\ub2c8\ub2e4.\r\nincreaseFontSizesInDiv();\r\n\r\n\/\/ \ud654\uba74 \ud06c\uae30\uac00 \ubcc0\uacbd\ub420 \ub54c\ub9c8\ub2e4 \ud3f0\ud2b8 \ud06c\uae30\ub97c \uc870\uc808\ud558\ub294 \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108\ub97c \ub4f1\ub85d\ud569\ub2c8\ub2e4.\r\n\/\/window.addEventListener(\"resize\", increaseFontSizesInDiv); \/\/ \ud544\uc694\ud558\uba74 \ub123\uc744 \uac83\r\n\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>chatGPT\uc640 \ud568\uaed8 \ud558\ub294 \ud504\ub85c\uadf8\ub798\ubc0d\uc740 \ud3b8\ud558\uace0 \uc990\uac70\uc6b0\uba70 \ub180\ub78d\ub2e4. Good!<br \/>\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6429403062584421\"\n\t\t crossorigin=\"anonymous\"><\/script><br \/>\n<ins class=\"adsbygoogle\"\n\t\t style=\"display:block; text-align:center;\"\n\t\t data-ad-layout=\"in-article\"\n\t\t data-ad-format=\"fluid\"\n\t\t data-ad-client=\"ca-pub-6429403062584421\"\n\t\t data-ad-slot=\"9549587772\"><\/ins><br \/>\n<script>\n\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p style=\"text-align: center;\"><img src=\"http:\/\/hyunsik.me\/wordpress\/wp-content\/uploads\/2023\/11\/20231101_020828.png\" alt=\"\" width=\"537\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc774 \ud568\uc218\ub294 \ubcf8 \ube14\ub85c\uadf8\ub97c \uc704\ud574 chatGPT\uc5d0\uac8c \uc758\ub8b0\ud558\uc5ec \ub9cc\ub4e0 \ud568\uc218\uc774\ub2e4. chatGPT\uac00 \uc5c6\uc73c\uba74 \ub9cc\ub4e4\uc5b4\ub0b4\uae30 \ud798\ub4e0 \ud568\uc218\uc778\ub370, chatGPT \ub355\ubd84\uc5d0 \ub108\ubb34 \uc27d\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc5c8\ub2e4. \ubcf8 \ube14\ub85c\uadf8\uc5d0 \ubaa8\ubc14\uc77c \ud14c\ub9c8\ub97c \uc801\uc6a9\ud558\uba74, \uc783\ub294 \uac83\uc774 \ub354 \ub9ce\uae30 \ub54c\ubb38\uc5d0, \ud2b9\uc815 DIV(\ud639\uc740 \uc5b4\ub5a4 \uc694\uc18c)\uc758 \ud3f0\ud2b8 \uc0ac\uc774\uc988\ub97c \ubcc0\uacbd\ud574\uc8fc\ub294 \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ud568\uc218\uac00 \ud544\uc694\ud588\ub2e4. \ud654\uba74 \ub108\ube44\uac00 1200 \uc774\ud558\uc77c \ub54c, id\uac00 very_special_content\uc778 \uc694\uc18c\ub97c \uc7a1\uc544\uc11c \uadf8 \uc548\uc758 \ud14d\uc2a4\ud2b8\uc758 \uc0ac\uc774\uc988\ub97c \uc99d\uac00\uc2dc\ucf1c\uc8fc\ub294 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[2290],"tags":[3599,89,3601,3511,3600,163,2378,3598,1411,3199,3338],"jetpack_featured_media_url":"","views":"","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/22699"}],"collection":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22699"}],"version-history":[{"count":7,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/22699\/revisions"}],"predecessor-version":[{"id":22709,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/22699\/revisions\/22709"}],"wp:attachment":[{"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=22699"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hyunsik.me\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=22699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}