{"id":9166,"date":"2024-05-02T09:18:26","date_gmt":"2024-05-02T00:18:26","guid":{"rendered":"https:\/\/www.auctionpro.co.kr\/?p=9166"},"modified":"2024-10-28T09:48:19","modified_gmt":"2024-10-28T00:48:19","slug":"%ed%85%8d%ec%8a%a4%ed%8a%b8%ea%b0%80-%ea%b8%b8%eb%a9%b4-%ec%9c%bc%eb%a1%9c-%ed%91%9c%ed%98%84-%eb%b0%a9%eb%b2%95","status":"publish","type":"post","link":"https:\/\/www.auctionpro.co.kr\/?p=9166","title":{"rendered":"\ud14d\uc2a4\ud2b8\uac00 \uae38\uba74 .. \uc73c\ub85c \ud45c\ud604 \ubc29\ubc95"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">javascript \ud14d\uc2a4\ud2b8\uac00 \uae38\uba74 .. \uc73c\ub85c \ud45c\ud604 \ubc29\ubc95<\/h3>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:js decode:true \">function truncateText(text, maxLength) {\n    \/\/ \ubb38\uc790\uc5f4\uc774 maxLength\ubcf4\ub2e4 \uae38\uba74, \ucd5c\ub300 \uae38\uc774\uae4c\uc9c0 \uc790\ub974\uace0 \"...\"\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.\n    if (text.length &gt; maxLength) {\n        return text.substring(0, maxLength) + \"...\";\n    }\n    \/\/ \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 \uc6d0\ubcf8 \ubb38\uc790\uc5f4\uc744 \uadf8\ub300\ub85c \ubc18\ud658\ud569\ub2c8\ub2e4.\n    return text;\n}\n\n\/\/ \uc0ac\uc6a9 \uc608\nvar myText = \"\uc5ec\uae30\uc5d0 \ub9e4\uc6b0 \uae34 \ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud558\uc138\uc694\";\nvar truncatedText = truncateText(myText, 10);\nconsole.log(truncatedText); \/\/ \ucd9c\ub825: \uc5ec\uae30\uc5d0 \ub9e4\uc6b0 \uae34...<\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">CSS \ud14d\uc2a4\ud2b8\uac00 \uae38\uba74 .. \uc73c\ub85c \ud45c\ud604 \ubc29\ubc95<\/h3>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"ko\"&gt;\n&lt;head&gt;\n&lt;meta charset=\"UTF-8\"&gt;\n&lt;title&gt;Text Box with Ellipsis&lt;\/title&gt;\n&lt;style&gt;\n    .text-box {\n        border: 1px solid #ccc;\n        padding: 8px;\n        width: 200px; \/* \ucd5c\ub300 \ub108\ube44 \uc124\uc815 *\/\n        white-space: nowrap; \/* \ud14d\uc2a4\ud2b8\ub97c \ud55c \uc904\ub85c \ub9cc\ub4e6 *\/\n        overflow: hidden; \/* \ub118\uce58\ub294 \ub0b4\uc6a9\uc740 \uc228\uae40 *\/\n        text-overflow: ellipsis; \/* \ub118\uce58\ub294 \ud14d\uc2a4\ud2b8\ub97c ...\uc73c\ub85c \ud45c\uc2dc *\/\n    }\n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;div class=\"text-box\" contenteditable=\"true\"&gt;\n    \uc5ec\uae30\uc5d0 \ub9e4\uc6b0 \uae34 \ud14d\uc2a4\ud2b8\ub97c \uc785\ub825\ud558\uc138\uc694. \uc774 \ud14d\uc2a4\ud2b8\ub294 \uc9c0\uc815\ub41c \ub108\ube44\ub97c \ucd08\uacfc\ud558\uba74 \ub05d\uc774 ...\uc73c\ub85c \ud45c\uc2dc\ub429\ub2c8\ub2e4.\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">div\uc5d0 contenteditable=&#8221;true&#8221; \uc18d\uc131\uc744 \ucd94\uac00\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \ud14d\uc2a4\ud2b8\ub97c \uc9c1\uc811 \ud3b8\uc9d1\ud560 \uc218 \uc788\ub3c4\ub85d \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<br>\uc774 div\ub294 \uc77c\ubc18 \ud14d\uc2a4\ud2b8 \uc785\ub825\ucc98\ub7fc \uc791\ub3d9\ud558\uc9c0\ub9cc, CSS\ub97c \ud1b5\ud574 \ub108\ube44\uac00 \uc815\ud574\uc838 \uc788\uace0, \ub118\uce58\ub294 \ud14d\uc2a4\ud2b8\ub294 &#8220;\u2026&#8221;\ub85c \ucc98\ub9ac\ub429\ub2c8\ub2e4.<br>\uc774 \ubc29\uc2dd\uc740 \ud14d\uc2a4\ud2b8 \uc785\ub825 \ud544\ub4dc\uac00 \uc544\ub2cc \uc77c\ubc18 div \uc694\uc18c\uc5d0\ub3c4 \uc801\uc6a9 \uac00\ub2a5\ud558\uc5ec, \uc6f9 \ud398\uc774\uc9c0\uc758 \ub2e4\uc591\ud55c \ubd80\ubd84\uc5d0\uc11c \uc720\uc5f0\ud558\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.auctionpro.co.kr\/wp-content\/uploads\/2024\/05\/image.png\"><img loading=\"lazy\" decoding=\"async\" width=\"437\" height=\"192\" src=\"https:\/\/www.auctionpro.co.kr\/wp-content\/uploads\/2024\/05\/image.png\" alt=\"\" class=\"wp-image-9167\" srcset=\"https:\/\/www.auctionpro.co.kr\/wp-content\/uploads\/2024\/05\/image.png 437w, https:\/\/www.auctionpro.co.kr\/wp-content\/uploads\/2024\/05\/image-300x132.png 300w\" sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">overflow:hidden  <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HTML \ubc0f CSS\uc5d0\uc11c \uc0ac\uc6a9\ub418\uc5b4 \uc694\uc18c\uc758 \ub0b4\uc6a9\uc774 \uc694\uc18c\uc758 \ud06c\uae30\ub97c \ucd08\uacfc\ud558\ub294 \uacbd\uc6b0 \ud574\ub2f9 \ucd08\uacfc \ubd80\ubd84\uc744 \uc228\uae30\ub3c4\ub85d \uc124\uc815\ud558\ub294 \uc2a4\ud0c0\uc77c \uc18d\uc131\uc785\ub2c8\ub2e4. \uc989, \uc694\uc18c\uc758 \uc601\uc5ed\uc744 \ubc97\uc5b4\ub098\ub294 \ub0b4\uc6a9\uc740 \ud654\uba74\uc5d0 \ud45c\uc2dc\ub418\uc9c0 \uc54a\uace0 \uc798\ub9ac\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\uc8fc \uc0ac\uc6a9\ucc98<\/strong>: \uc694\uc18c\uac00 \ud654\uba74\uc5d0 \ubbf8\uc801\uc73c\ub85c \uc798 \uc815\ub82c\ub418\ub3c4\ub85d \ud558\uace0, \ubd88\ud544\uc694\ud558\uac8c \ub118\uce58\ub294 \ud14d\uc2a4\ud2b8\ub098 \uc774\ubbf8\uc9c0\uac00 \uae54\ub054\ud558\uac8c \uc228\uaca8\uc9c0\ub3c4\ub85d \ud560 \ub54c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/li>\n\n\n\n<li><strong>\uc608\uc2dc<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >&lt;div style=\"width:200px; height:100px; overflow:hidden;\"&gt;\n    \uc774 \ud14d\uc2a4\ud2b8\ub294 200x100 \ubc15\uc2a4 \uc548\uc5d0\uc11c \ub118\uce58\ub294 \ubd80\ubd84\uc774 \uc228\uaca8\uc9d1\ub2c8\ub2e4.\n&lt;\/div&gt;\n<\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">overflow:ellipsis<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">text-overflow: ellipsis\ub294 CSS\uc5d0\uc11c \ud14d\uc2a4\ud2b8\uac00 \uc694\uc18c\uc758 \ud06c\uae30\ub97c \ucd08\uacfc\ud560 \ub54c \ucd08\uacfc\ub41c \ubd80\ubd84\uc744 \uc0dd\ub7b5 \ubd80\ud638(\u2026)\ub85c \ud45c\uc2dc\ud558\ub3c4\ub85d \uc124\uc815\ud558\ub294 \uc18d\uc131\uc785\ub2c8\ub2e4. \uc774\ub294 \ud14d\uc2a4\ud2b8\uac00 \uc798\ub9ac\uc9c0 \uc54a\uace0 \uae54\ub054\ud558\uac8c \ubcf4\uc774\ub3c4\ub85d \ud558\ub294 \ub370 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">text-overflow: ellipsis\ub294 \ubc18\ub4dc\uc2dc white-space: nowrap; \ubc0f overflow: hidden;\uacfc \ud568\uaed8 \uc0ac\uc6a9\ud574\uc57c \uc81c\ub300\ub85c \ub3d9\uc791\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-urvanov-syntax-highlighter-code-block\"><pre class=\"lang:xhtml decode:true \" >div {\n    width: 200px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n<\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\uc704 \ucf54\ub4dc\ub97c \uc801\uc6a9\ud558\uba74, div \uc548\uc5d0 \ud14d\uc2a4\ud2b8\uac00 200px\uc744 \ucd08\uacfc\ud560 \uacbd\uc6b0 \ub05d \ubd80\ubd84\uc774 \u2026\ub85c \ub300\uccb4\ub418\uc5b4 \ub098\ud0c0\ub0a9\ub2c8\ub2e4.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\uc8fc\uc694 \uc18d\uc131 \uc124\uba85<br>white-space: nowrap;: \ud14d\uc2a4\ud2b8\ub97c \ud55c \uc904\ub85c \uc720\uc9c0\ud569\ub2c8\ub2e4.<br>overflow: hidden;: \uc694\uc18c\uc758 \ud06c\uae30\ub97c \ucd08\uacfc\ud55c \ubd80\ubd84\uc744 \uc228\uae41\ub2c8\ub2e4.<br>text-overflow: ellipsis;: \ucd08\uacfc\ub41c \ubd80\ubd84\uc5d0 \uc0dd\ub7b5 \ubd80\ud638\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<br>\uc774\ub97c \ud1b5\ud574 \uc81c\ud55c\ub41c \uacf5\uac04\uc5d0\uc11c \uae34 \ud14d\uc2a4\ud2b8\ub97c \uae54\ub054\ud558\uac8c \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>javascript \ud14d\uc2a4\ud2b8\uac00 \uae38\uba74 .. \uc73c\ub85c \ud45c\ud604 \ubc29\ubc95 CSS \ud14d\uc2a4\ud2b8\uac00 \uae38\uba74 .. \uc73c\ub85c \ud45c\ud604 \ubc29\ubc95 div\uc5d0 contenteditable=&#8221;true&#8221; \uc18d\uc131\uc744 \ucd94\uac00\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \ud14d\uc2a4\ud2b8\ub97c \uc9c1\uc811 \ud3b8\uc9d1\ud560 \uc218 \uc788\ub3c4\ub85d \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.\uc774 <a class=\"mh-excerpt-more\" href=\"https:\/\/www.auctionpro.co.kr\/?p=9166\" title=\"\ud14d\uc2a4\ud2b8\uac00 \uae38\uba74 .. \uc73c\ub85c \ud45c\ud604 \ubc29\ubc95\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-9166","post","type-post","status-publish","format-standard","hentry","category-html"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/9166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9166"}],"version-history":[{"count":0,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/9166\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}