{"id":25576,"date":"2025-05-09T03:54:48","date_gmt":"2025-05-09T03:54:48","guid":{"rendered":"https:\/\/wordpress.pandassi.com\/hellopanda\/?p=25576"},"modified":"2025-07-05T10:51:22","modified_gmt":"2025-07-05T10:51:22","slug":"svg-%ec%95%84%ec%9d%b4%ec%bd%98%ec%9d%84-%ec%99%b8%eb%b6%80-svg-%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%86%8c%ec%8a%a4%eb%a1%9c-%eb%84%a3%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/wordpress.pandassi.com\/hellopanda\/svg-%ec%95%84%ec%9d%b4%ec%bd%98%ec%9d%84-%ec%99%b8%eb%b6%80-svg-%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%86%8c%ec%8a%a4%eb%a1%9c-%eb%84%a3%ea%b8%b0\/","title":{"rendered":"SVG \uc544\uc774\ucf58\uc744 \uc678\ubd80 SVG \uc0ac\uc774\ud2b8 \uc18c\uc2a4\ub85c \ub123\uae30"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group has-step-5-color has-step-20-background-color has-text-color has-background has-link-color wp-elements-f2376eaf0fb8a2a029ba00a08f387c84 is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:5px;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"margin-top:-1px;margin-top:-1px;\" rel=\"\">done<\/span>\n\n\n\n<div class=\"wp-block-hellopanda-typing-block\"><div class=\"type-animation-text\" data-sequences=\"[[&quot;\uc774 \uba54\ub274\uc5bc\uc740 SVG \uc544\uc774\ucf58\uc744 \ucee4\uc2a4\ud140\uc73c\ub85c \uc0bd\uc785\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc548\ub0b4\ud569\ub2c8\ub2e4.&quot;,1000]]\" data-speed=\"50\" data-deletionspeed=\"10\" data-omitdeletionanimation=\"false\" data-repeat=\"0\" data-cursor=\"false\" data-spy=\"false\"><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-2 wp-block-group-is-layout-flex\">\n<span class=\"wp-block-hellopanda-icon-block hellopanda-blocks-icon material-symbols-outlined\" style=\"margin-top:-1px;margin-top:-1px;\" rel=\"\">done<\/span>\n\n\n\n<div class=\"wp-block-hellopanda-typing-block\"><div class=\"type-animation-text\" data-sequences=\"[[&quot;&quot;,300],[&quot;SVG \uc544\uc774\ucf58\uc744 \ucee4\uc2a4\ud140\uc73c\ub85c \uc0bd\uc785\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.&quot;,1000]]\" data-speed=\"50\" data-deletionspeed=\"10\" data-omitdeletionanimation=\"false\" data-repeat=\"0\" data-cursor=\"true\" data-spy=\"false\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-5 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--step-3);border-bottom-width:1px;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--20)\">\n<p class=\"has-x-large-font-size\"><strong>SVG \uc544\uc774\ucf58 \uac00\uc838\uc624\uae30<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-9 wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--70)\">\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-7 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-hellopanda-svg-block\"><div class=\"wp-block-hellopanda-svg-container wp-block-hellopanda-svg-block\" style=\"width:200px\"><svg fill=\"#000000\" width=\"800px\" height=\"800px\" viewBox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\"><path d=\"M18.85,6.41c.15,.21,.38,.33,.62,.33,.14,0,.29-.04,.42-.13,.34-.23,.43-.7,.2-1.04l-1.08-1.59c-.23-.34-.7-.43-1.04-.2-.34,.23-.43,.7-.2,1.04l1.08,1.59Z\"><\/path><path d=\"M7.17,11.75c.09,.03,.18,.05,.27,.05,.3,0,.59-.18,.7-.48l.73-1.91c.15-.39-.04-.82-.43-.97-.38-.15-.82,.04-.97,.43l-.73,1.91c-.15,.39,.04,.82,.43,.97Z\"><\/path><path d=\"M24.68,18.13c-.41-.04-.78,.25-.83,.66l-.2,1.81c-.04,.41,.25,.78,.67,.83,.03,0,.05,0,.08,0,.38,0,.7-.28,.75-.67l.2-1.81c.04-.41-.25-.78-.67-.83Z\"><\/path><path d=\"M12.35,24.31l-1.66,.39c-.4,.09-.65,.5-.56,.9,.08,.35,.39,.58,.73,.58,.06,0,.12,0,.17-.02l1.66-.39c.4-.09,.65-.5,.56-.9-.1-.4-.51-.65-.9-.56Z\"><\/path><path d=\"M30.73,16.27c0-.09,.01-.18,.01-.27C30.75,7.87,24.13,1.25,16,1.25S1.72,7.43,1.29,15.19c-.04,.09-.07,.19-.07,.3,0,.08,.02,.16,.04,.24,0,.09-.01,.18-.01,.27,0,8.13,6.62,14.75,14.75,14.75s14.28-6.18,14.71-13.94c.04-.09,.07-.19,.07-.3,0-.08-.02-.16-.04-.24ZM16,2.75c6.94,0,12.64,5.36,13.19,12.16-.18-.09-.37-.16-.62-.16-.74,0-1.12,.53-1.33,.81-.03,.04-.07,.1-.1,.14-.03-.04-.07-.1-.1-.14-.2-.28-.58-.81-1.32-.81s-1.12,.53-1.32,.81c-.03,.04-.07,.1-.1,.14-.03-.04-.07-.1-.1-.14-.13-.18-.34-.45-.66-.63-.52-3.7-3.69-6.55-7.53-6.55s-7.04,2.88-7.54,6.6c-.2-.13-.44-.24-.76-.24-.74,0-1.12,.53-1.33,.81-.03,.04-.07,.1-.1,.14-.03-.04-.07-.1-.1-.14-.2-.28-.58-.81-1.32-.81s-1.12,.53-1.32,.81c-.03,.04-.07,.1-.1,.14-.03-.04-.07-.1-.1-.14-.11-.15-.28-.38-.52-.55C3.31,8.17,9.03,2.75,16,2.75Zm6.12,13.25c0,3.37-2.74,6.12-6.12,6.12-3.19,0-5.82-2.46-6.09-5.59,0,0,0,0,0-.01,0,0,0-.02,0-.03-.01-.16-.02-.32-.02-.48,0-3.37,2.74-6.11,6.11-6.11,3.19,0,5.82,2.46,6.09,5.59,0,0,0,.01,0,.02,0,.01,0,.02,0,.03,.01,.16,.02,.32,.02,.48Zm-6.12,13.25c-6.94,0-12.64-5.36-13.19-12.16,.17,.09,.37,.16,.62,.16,.74,0,1.12-.53,1.32-.82,.03-.04,.07-.09,.1-.14,.03,.04,.07,.1,.1,.14,.2,.28,.58,.81,1.32,.81s1.12-.53,1.32-.81c.03-.04,.07-.1,.1-.14,.03,.04,.07,.1,.1,.14,.13,.18,.34,.45,.66,.63,.52,3.7,3.69,6.55,7.53,6.55s7.04-2.88,7.54-6.6c.2,.13,.44,.24,.75,.24,.74,0,1.12-.53,1.32-.82,.03-.04,.07-.09,.1-.14,.03,.04,.07,.1,.1,.14,.2,.28,.58,.81,1.32,.81s1.12-.53,1.33-.81c.03-.04,.07-.1,.1-.14,.03,.04,.07,.1,.1,.14,.11,.15,.28,.38,.52,.55-.51,6.85-6.23,12.26-13.2,12.26Z\"><\/path><\/svg><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-step-4-border-color has-base-color has-step-19-background-color has-text-color has-background has-link-color wp-elements-36d4e5c5f3bd72cb1f708be1ed3437f3 has-global-padding is-layout-constrained wp-container-core-group-is-layout-8 wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<p>\uc5ec\ub7ec \uc0ac\uc774\ud2b8\uac00 \uc788\uc9c0\ub9cc, \ubb34\ub8cc\ub85c \ubc1b\uc744 \uc218 \uc788\ub294 \uc0ac\uc774\ud2b8 \ud558\ub098\ub97c \ucd94\ucc9c \ud569\ub2c8\ub2e4.<br><a href=\"https:\/\/www.svgrepo.com\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">https:\/\/www.svgrepo.com\/<\/mark><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--step-3);border-bottom-width:1px;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--20)\">\n<p class=\"has-x-large-font-size\"><strong>A. SVG \uc544\uc774\ucf58 \ub2e4\uc6b4 \ubc1b\uae30<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list is-style-hellopanda-list-11\">\n<li><span><a href=\"https:\/\/www.svgrepo.com\/\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">https:\/\/www.svgrepo.com\/<\/mark><\/a> \uc0ac\uc774\ud2b8\uc5d0 \uc811\uc18d\ud574\uc11c \uc6d0\ud558\ub294 \uc544\uc774\ucf58\uc744 \ub2e4\uc6b4 \ubc1b\uc544\uc8fc\uc138\uc694.<\/span><\/li>\n<\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"337\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-43-1280x337.png\" alt=\"\" class=\"wp-image-25579\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-43-1280x337.png 1280w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-43-300x79.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-43-768x202.png 768w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-43.png 1392w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-13 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--step-3);border-bottom-width:1px;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--20)\">\n<p class=\"has-x-large-font-size\"><strong>B. \ub2e4\uc6b4 \ubc1b\uc740 \uc544\uc774\ucf58\uc744 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc5f4\uc5b4\uc11c \uc18c\uc2a4\ub97c \ubcf5\uc0ac\ud558\uc138\uc694.<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"857\" height=\"128\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-44.png\" alt=\"\" class=\"wp-image-25582\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-44.png 857w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-44-300x45.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-44-768x115.png 768w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><\/figure>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list is-style-hellopanda-list-11\">\n<li><span><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ff8484\" class=\"has-inline-color\">&lt;?xml<\/mark><\/strong> \ubd80\ubd84\uc740 \ubcf5\uc0ac\ud558\uc9c0 \uc54a\uc73c\uc154\ub3c4 \ub429\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n<li><span><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">&lt;svg<\/mark><\/strong> &#8230; \ubd80\ubd84\ubd80\ud130 &#8230; <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">\/svg&gt;<\/mark><\/strong> \ubd80\ubd84\uae4c\uc9c0\ub9cc \ubcf5\uc0ac\ud574\uc8fc\uc138\uc694.<\/span><\/li>\n\n\n\n<li><span>\uac04\ud639 \uc5ec\ub7ec\uc904\ub85c \ucf54\ub529\ub41c svg \uc544\uc774\ucf58\uc774 \uc788\uc2b5\ub2c8\ub2e4.  \ub2f9\ud669\ud558\uc9c0 \ub9c8\uc138\uc694.<\/span><\/li>\n\n\n\n<li><span>\uc774 \uacbd\uc6b0\uc5d0\ub294  <a href=\"https:\/\/kangax.github.io\/html-minifier\/\">https:\/\/kangax.github.io\/html-minifier\/<\/a> \uc774\ub7f0 \uc0ac\uc774\ud2b8\uc5d0 \ucf54\ub4dc\ub97c \ub123\uc73c\uba74 \ucf54\ub4dc\ub97c \ud55c\uc904\ub85c \ub9cc\ub4e4\uc5b4 \uc90d\ub2c8\ub2e4.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--step-3);border-bottom-width:1px;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--20)\">\n<p class=\"has-x-large-font-size\"><strong>C. \ubcf5\uc0ac\ud55c \ucf54\ub4dc\ub97c \ucee4\uc2a4\ud140 \ucf54\ub4dc \uc601\uc5ed\uc5d0 \ub123\uc5b4\uc8fc\uc138\uc694.<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"133\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-45.png\" alt=\"\" class=\"wp-image-25586\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-45.png 307w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-45-300x130.png 300w\" sizes=\"(max-width: 307px) 100vw, 307px\" \/><\/figure>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"495\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-46-1280x495.png\" alt=\"\" class=\"wp-image-25592\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-46-1280x495.png 1280w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-46-300x116.png 300w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-46-768x297.png 768w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-46-1536x594.png 1536w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/05\/image-46.png 1700w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list is-style-hellopanda-list-11\">\n<li><span>\uac04\ub2e8\ud558\uac8c SVG \ub97c \ub123\ub294 \ubc29\ubc95\uc740 \uc5ec\uae30\uae4c\uc9c0 \uc785\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n<li><span><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">\uc0c9\uc0c1\uc744 \ucee8\ud2b8\ub864 \ud558\ub294\uac74 \ub9e4\uc6b0 \uae4a\uc740 \uacf5\ubd80\uac00 \ud544\uc694\ud569\ub2c8\ub2e4. <\/mark><\/strong><\/span><\/li>\n\n\n\n<li style=\"text-decoration:underline;text-decoration:underline;\"><span><strong>\ub108\ubb34 \ucf54\ub4dc\ub7c9\uc774 \uae34 svg\ub294 \uc0ac\uc6a9\ud558\uc9c0 \ub9c8\uc138\uc694. <\/strong><\/span><\/li>\n\n\n\n<li style=\"text-decoration:underline;text-decoration:underline;\"><span><strong>\uc5b4\ub5a4 \uacbd\uc6b0\uc5d4 png\uac00 \ub354 \ub098\uc740 \uc120\ud0dd\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/strong><\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-23 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--step-3);border-bottom-width:1px;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--20)\">\n<p class=\"has-x-large-font-size\"><strong>D. SVG \uc544\uc774\ucf58 \uc0c9\uc0c1\uc774 \uc6d0\ud558\ub294\ub300\ub85c \ub098\uc624\uc9c0 \uc54a\uc544\uc694.<\/strong> ( \uace0\uae09 )<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list is-style-hellopanda-list-11\">\n<li><span>SVG \uc544\uc774\ucf58\uc5d0 \uc0c9\uc0c1\uc744 \ubbf8\ub9ac \uc9c0\uc815\ud574\ub454 \ub514\uc790\uc774\ub108\ub4e4\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n<li><span><strong>\uadf8\ub7f0 \uacbd\uc6b0\uc5d4 \ucf54\ub4dc\ub97c \uc77c\ubd80 \uc218\uc815\ud574\uc57c \ud558\ub294 \uacbd\uc6b0\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/strong> ( \uc774 \ubd80\ubd84 \uc218\uc815\uc774 \uc5b4\ub835\ub2e4\uba74 png  \uac00 \ub354 \ub098\uc740 \uc120\ud0dd\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4 )<\/span><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-25 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<pre class=\"wp-block-code has-step-7-color has-step-20-background-color has-text-color has-background has-link-color wp-elements-5ef7481a7a9eb583119a36d725de762d\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\"><code><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#fff751\" class=\"has-inline-color\">1. \ub77c\uc778 \uc0c9\uc0c1\uc774 \ud2b9\uc815 \uc0c9\uc73c\ub85c\ub9cc \ub098\uc62c \ub54c<\/mark><\/strong>\n&lt;svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"&gt;\n&lt;path d=\"M3 18H7M10 18H21M5 21H12M16 21H19M8.8 15C6.14903 15 4 12.9466 4 10.4137C4 8.31435 5.6 6.375 8 6C8.75283 4.27403 10.5346 3 12.6127 3C15.2747 3 17.4504 4.99072 17.6 7.5C19.0127 8.09561 20 9.55741 20 11.1402C20 13.2719 18.2091 15 16 15L8.8 15Z\" <strong><mark style=\"background-color:#cb3c3c\" class=\"has-inline-color has-white-color\">stroke=\"#ff3300\"<\/mark><\/strong> stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/&gt;\n&lt;\/svg&gt;\n\n<mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffea47\" class=\"has-inline-color\"><strong> - \uc0c9\uc0c1 \ubd80\ubd84\uc744 stroke=\"currentColor\" <\/strong>\n - <strong>\uc774\ub807\uac8c \ubcc0\uacbd\ud558\uc2dc\uba74 \ud14d\uc2a4\ud2b8 \uc0c9\uc0c1\uc73c\ub85c \uc778\uc2dd\ud558\uac8c \ub429\ub2c8\ub2e4.<\/strong><\/mark><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code has-step-7-color has-step-20-background-color has-text-color has-background has-link-color wp-elements-ba74cb8ceb02893c4b21d40d1e477270\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\"><code><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#fff746\" class=\"has-inline-color\">2. \ubc30\uacbd \uc0c9\uc0c1\uc774 \uac80\uc815\uc0c9\uc774\ub098 \ud770\uc0c9\uc73c\ub85c \ucc44\uc6cc\uc838 \uc788\uc744 \ub54c<\/mark><\/strong>\n&lt;svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"&gt;\n&lt;path d=\"M3 18H7M10 18H21M5 21H12M16 21H19M8.8 15C6.14903 15 4 12.9466 4 10.4137C4 8.31435 5.6 6.375 8 6C8.75283 4.27403 10.5346 3 12.6127 3C15.2747 3 17.4504 4.99072 17.6 7.5C19.0127 8.09561 20 9.55741 20 11.1402C20 13.2719 18.2091 15 16 15L8.8 15Z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" <strong><mark style=\"background-color:#cb3c3c\" class=\"has-inline-color has-white-color\">fill=\"#ffffff\"<\/mark><\/strong> \/&gt;\n&lt;\/svg&gt;\n\n<mark style=\"background-color:rgba(0, 0, 0, 0);color:#ffea47\" class=\"has-inline-color\"><strong> - \uc0c9\uc0c1 \ubd80\ubd84\uc744 fill=\"transparent\" <\/strong>( \uc5c6\uc73c\uba74 \ucd94\uac00 \ud558\uba74 \ub429\ub2c8\ub2e4 )\n - <strong>\uc774\ub807\uac8c \ubcc0\uacbd\ud558\uc2dc\uba74 \uc544\uc774\ucf58 \ubc30\uacbd\uc0c9\uc774 \ud22c\uba85\ud558\uac8c \ubcc0\uacbd \ub429\ub2c8\ub2e4.<\/strong><\/mark><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:0\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-27 wp-block-group-is-layout-flex\" style=\"border-bottom-color:var(--wp--preset--color--step-3);border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--20)\">\n<p class=\"has-x-large-font-size\"><strong>2025.07.05 \uc774\ud6c4 SVG \uc544\uc774\ucf58 \uc124\uc815 \ube14\ub85d \ubbf8\ub9ac\ubcf4\uae30<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-29 wp-block-group-is-layout-flex\" style=\"margin-bottom:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\">\n<p style=\"border-radius:0px;border-bottom-color:var(--wp--preset--color--contrast);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);letter-spacing:1px\"><strong>CHANGE LOG<\/strong><\/p>\n\n\n\n<p class=\"wp-container-content-1\" style=\"border-radius:0px;border-bottom-color:var(--wp--preset--color--step-5);border-bottom-width:1px;letter-spacing:2px\"><strong> <\/strong><\/p>\n\n\n<div style=\"letter-spacing:1px; padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);;border-radius:0px;border-bottom-color:var(--wp--preset--color--step-6);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);letter-spacing:1px;\" class=\"wp-block-post-date has-x-small-font-size\"><time datetime=\"2025-05-09T03:54:48+00:00\">2025\/5\/9<\/time><\/div><\/div>\n\n\n\n<ul class=\"wp-block-list is-style-hellopanda-list-1\">\n<li><span>2025.07.05 \uc774\ud6c4\uc5d0 \ud14c\ub9c8\ub97c \uad6c\uc785\ud558\uc2e0 \ubd84\ub4e4\uc5d0\uac8c\ub9cc \uc801\uc6a9 \ub429\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n<li><span>\uc774\uc81c SVG \uc544\uc774\ucf58\uc758 \uae30\ubcf8\uc801\uc778 \uc18d\uc131\uc744 \uc124\uc815\ud574\uc11c \ub354 \ud3b8\ub9ac\ud558\uac8c \uc544\uc774\ucf58\ud654 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n<li><span>SVG, PATH \ud0dc\uadf8\ub97c \ucee8\ud2b8\ub864 \ud574\uc11c \ud3f0\ud2b8 \uc0c9\uc0c1\uc744 \uc0c1\uc18d \ubc1b\uac70\ub098, \uc6d0\ubcf8 \uadf8\ub300\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uc635\uc158\uc774 \ucd94\uac00 \ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n<li><span>\ub300\ubd80\ubd84 &#8220;<strong>SVG \ucf54\ub4dc \uc6d0\ubcf8 \uadf8\ub300\ub85c \uc0ac\uc6a9<\/strong>&#8221; \uae30\ub2a5\uc73c\ub85c SVG \uc544\uc774\ucf58\uc744 \uc27d\uac8c \ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/span><\/li>\n\n\n\n<li><span>\uae00\uc790 \uc0c9\uc0c1\uc744 \uc0c1\uc18d \ubc1b\uc73c\ub824\uba74 &#8220;FILL, PATH&#8221; \ub97c \uae00\uc790\uc0c9\uc774 \uc0c1\uc18d \ubc1b\ub3c4\ub85d \uc124\uc815 \ud558\uc138\uc694.<\/span><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-31 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\">\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"269\" height=\"433\" src=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/07\/image-4.png\" alt=\"\" class=\"has-border-color has-step-3-border-color wp-image-25831\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/07\/image-4.png 269w, https:\/\/wordpress.pandassi.com\/hellopanda\/wp-content\/uploads\/2025\/07\/image-4-186x300.png 186w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\uc774 \uba54\ub274\uc5bc\uc740 SVG \uc544\uc774\ucf58\uc744 \ucee4\uc2a4\ud140\uc73c\ub85c \uc0bd\uc785\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc548\ub0b4\ud569\ub2c8\ub2e4. done SVG \uc544\uc774\ucf58\uc744 \ucee4\uc2a4\ud140\uc73c\ub85c \uc0bd\uc785\ud558\uace0 \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. SVG \uc544\uc774\ucf58 \uac00\uc838\uc624\uae30 \uc5ec\ub7ec \uc0ac\uc774\ud2b8\uac00 \uc788\uc9c0\ub9cc, \ubb34\ub8cc\ub85c \ubc1b\uc744 \uc218 \uc788\ub294 \uc0ac\uc774\ud2b8 \ud558\ub098\ub97c \ucd94\ucc9c \ud569\ub2c8\ub2e4. https:\/\/www.svgrepo.com\/ A. SVG \uc544\uc774\ucf58 \ub2e4\uc6b4 \ubc1b\uae30 https:\/\/www.svgrepo.com\/ \uc0ac\uc774\ud2b8\uc5d0 \uc811\uc18d\ud574\uc11c \uc6d0\ud558\ub294 \uc544\uc774\ucf58\uc744 \ub2e4\uc6b4 \ubc1b\uc544\uc8fc\uc138\uc694. B. \ub2e4\uc6b4 \ubc1b\uc740 \uc544\uc774\ucf58\uc744 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc5f4\uc5b4\uc11c \uc18c\uc2a4\ub97c \ubcf5\uc0ac\ud558\uc138\uc694. <?xml \ubd80\ubd84\uc740 \ubcf5\uc0ac\ud558\uc9c0 \uc54a\uc73c\uc154\ub3c4 \ub429\ub2c8\ub2e4. <svg \u2026 \ubd80\ubd84\ubd80\ud130 \u2026 \/svg> \ubd80\ubd84\uae4c\uc9c0\ub9cc \ubcf5\uc0ac\ud574\uc8fc\uc138\uc694. \uac04\ud639 \uc5ec\ub7ec\uc904\ub85c \ucf54\ub529\ub41c svg \uc544\uc774\ucf58\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ub2f9\ud669\ud558\uc9c0 \ub9c8\uc138\uc694. \uc774 \uacbd\uc6b0\uc5d0\ub294 https:\/\/kangax.github.io\/html-minifier\/ \uc774\ub7f0 \uc0ac\uc774\ud2b8\uc5d0 \ucf54\ub4dc\ub97c \ub123\uc73c\uba74 \ucf54\ub4dc\ub97c \ud55c\uc904\ub85c \ub9cc\ub4e4\uc5b4 \uc90d\ub2c8\ub2e4.<\/p>\n","protected":false},"author":1,"featured_media":23010,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,8],"tags":[],"class_list":["post-25576","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide","category-guide-ko"],"_links":{"self":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/25576"}],"collection":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/comments?post=25576"}],"version-history":[{"count":22,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/25576\/revisions"}],"predecessor-version":[{"id":25834,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/posts\/25576\/revisions\/25834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media\/23010"}],"wp:attachment":[{"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/media?parent=25576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/categories?post=25576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.pandassi.com\/hellopanda\/wp-json\/wp\/v2\/tags?post=25576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}