{"id":16600,"date":"2026-04-28T04:35:59","date_gmt":"2026-04-27T19:35:59","guid":{"rendered":"https:\/\/jore2.com\/community-6595-the-woes-of-sanitizing-svgs\/"},"modified":"2026-04-28T04:35:59","modified_gmt":"2026-04-27T19:35:59","slug":"community-6595-the-woes-of-sanitizing-svgs","status":"publish","type":"post","link":"https:\/\/jore2.com\/?p=16600","title":{"rendered":"\uc65c \uac11\uc790\uae30 SVG \uc815\uc81c \ubb38\uc81c\uac00 \ud654\uc81c\uc77c\uae4c: \ub514\uc790\uc778\uc758 \uc790\uc720\uc640 \ubcf4\uc548\uc758 \uc904\ub2e4\ub9ac\uae30"},"content":{"rendered":"<div class=\"jore2-editor-byline\">\n<p><strong>\ubc30\uc18c\ub77c<\/strong><\/p>\n<\/div>\n<p>\uc6f9 \ub514\uc790\uc778\uc758 \ud750\ub984\uc744 \uc8fc\ub3c4\ud574 \uc628 SVG \ud30c\uc77c\uc774 \ucd5c\uadfc \uac1c\ubc1c \ucee4\ubba4\ub2c8\ud2f0\uc5d0\uc11c \ub728\uac70\uc6b4 \uac10\uc790\ub85c \ub5a0\uc62c\ub790\uc2b5\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \uadf8\ub9bc\uc744 \uadf8\ub9ac\ub294 \ub3c4\uad6c\ub97c \ub118\uc5b4, \uc6f9 \ud398\uc774\uc9c0\uc758 \uad6c\uc870\uc640 \uc2a4\ud0c0\uc77c\uc744 \uacb0\uc815\ud558\ub294 \ud575\uc2ec \uc694\uc18c\ub85c \uc4f0\uc774\uba74\uc11c \uadf8 \ubcf5\uc7a1\uc131\uc774 \ub4dc\ub7ec\ub098\uae30 \uc2dc\uc791\ud55c \uac83\uc785\ub2c8\ub2e4. \ud2b9\ud788 \uad6c\uae00 \uc2ac\ub77c\uc774\ub4dc \uac19\uc740 \ub300\ud615 \uc11c\ube44\uc2a4\uc5d0\uc11c\uc870\ucc28 15 \ub144 \uac00\uae4c\uc774 \uc694\uccad\ub41c SVG \uc9c0\uc6d0 \uae30\ub2a5\uc774\u8fdf\u8fdf \ub3c4\uc785\ub418\uc9c0 \uc54a\uc740 \ubc30\uacbd\uc5d0\ub294, \uc774 \ud30c\uc77c \ud615\uc2dd\uc744 \uc548\uc804\ud558\uac8c \uc815\uc81c\ud558\ub294 \uacfc\uc815\uc774 \uc5bc\ub9c8\ub098 \uae4c\ub2e4\ub85c\uc6b4\uc9c0\uc5d0 \ub300\ud55c \uace0\ubbfc\uc774 \uae54\ub824 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ubb38\uc81c\uc758 \ud575\uc2ec\uc740 SVG \uac00 \uac00\uc9c4 \uc591\uba74\uc131\uc5d0\uc11c \ube44\ub86f\ub429\ub2c8\ub2e4. \ud55c\ud3b8\uc73c\ub85c\ub294 \ub2e8\uc21c\ud55c \uacbd\ub85c\uc640 \ucc44\uc6c0\uc73c\ub85c \uc774\ub8e8\uc5b4\uc9c4 \uae54\ub054\ud55c \uadf8\ub798\ud53d\uc774 \ub300\ubd80\ubd84\uc774\uc9c0\ub9cc, \ub2e4\ub978 \ud55c\ud3b8\uc73c\ub85c\ub294 \uc2a4\ud06c\ub9bd\ud2b8\ub098 \ubcf5\uc7a1\ud55c CSS \ub97c \ub0b4\ud3ec\ud560 \uc218 \uc788\ub294 \uc704\ud5d8\ud55c \uc694\uc18c\ub4e4\uc744 \ud488\uace0 \uc788\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uc2a4\ud06c\ub798\uce58 \uac19\uc740 \uad50\uc721\uc6a9 \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uc0ac\uc6a9\uc790 \uc0dd\uc131 SVG \ub97c \ud30c\uc2f1\ud558\ub294 \uacfc\uc815\uc5d0\uc11c \ubc1c\uc0dd\ud55c \ubcf4\uc548 \ucde8\uc57d\uc810 \uc0ac\ub840\ub294 \uc774\ub97c \uc798 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \ucd08\uae30\uc5d0\ub294 \uc2a4\ud06c\ub9bd\ud2b8 \ud0dc\uadf8\ub97c \uc81c\uac70\ud558\ub294 \uac04\ub2e8\ud55c \uc815\uaddc\uc2dd\uc73c\ub85c \ud574\uacb0\ub41c \ub4ef \ubcf4\uc600\uc73c\ub098, \ub300\uc18c\ubb38\uc790\ub97c \ub2e4\ub974\uac8c \uc4f0\uac70\ub098 \uc228\uaca8\uc9c4 \uc18d\uc131\uc744 \uc774\uc6a9\ud558\ub294 \ub4f1 \ub2e4\uc591\ud55c \uc6b0\ud68c \uacbd\ub85c\uac00 \ubc1c\uacac\ub418\uba74\uc11c \ubcf4\uc548 \ud328\uce58\ub294 \ub04a\uc784\uc5c6\uc774 \uc5c5\ub370\uc774\ud2b8\ub418\uc5b4\uc57c \ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub7ec\ud55c \ub09c\uc81c \uc18d\uc5d0\uc11c \uac1c\ubc1c\uc790\ub4e4\uc740 \uc0c8\ub85c\uc6b4 \ud574\uacb0\ucc45\uc744 \ubaa8\uc0c9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. HTTP \ud5e4\ub354 \ub300\uc2e0 HTML \ub0b4\ubd80\uc758 \uba54\ud0c0 \ud0dc\uadf8\ub97c \ud1b5\ud574 \ucf58\ud150\uce20 \ubcf4\uc548 \uc815\ucc45(CSP) \uc744 \uc124\uc815\ud558\ub294 \ubc29\uc2dd\uc774 \uc8fc\ubaa9\ubc1b\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 iframe \uc758 \uc0cc\ub4dc\ubc15\uc2a4 \uc18d\uc131\uacfc \uacb0\ud569\ud558\uc5ec \ubd88\uc2e0\ud560 \uc218 \uc788\ub294 \ucf58\ud150\uce20\uac00 \uc2e4\ud589\ub418\uae30 \uc804\uc5d0 \uaddc\uce59\uc744 \uace0\uc815\uc2dc\ud0a4\ub294 \uae30\uc220\uc740, \ube0c\ub77c\uc6b0\uc800\uac00 \uc5b4\ub5bb\uac8c \uc774 \ubb38\uc81c\ub97c \uc6b0\uc544\ud558\uac8c \ucc98\ub9ac\ud558\ub294\uc9c0 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4. \ud604\ub300 \ube0c\ub77c\uc6b0\uc800\ub4e4\uc774 \uba54\ud0c0 \ud0dc\uadf8\uac00 \ub85c\ub4dc\ub418\ub294 \uc21c\uac04 \uc774\ub97c \uc601\uad6c\uc801\uc778 \uaddc\uce59\uc73c\ub85c \uac04\uc8fc\ud558\uc5ec \uc545\uc131 \ucf54\ub4dc\uac00 DOM \uc744 \uc870\uc791\ud558\ub354\ub77c\ub3c4 \uc601\ud5a5\uc744 \ubc1b\uc9c0 \uc54a\ub3c4\ub85d \ub9c9\uc544\uc8fc\ub294 \uc810\uc740, \uae30\uc220\uc801 \ud55c\uacc4\ub97c \ub118\uc5b4\uc11c\ub294 \ucc3d\uc758\uc801\uc778 \uc811\uadfc\uc73c\ub85c \ud3c9\uac00\ubc1b\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc55e\uc73c\ub85c \uc6b0\ub9ac\ub294 SVG \uc758 \ubcf4\uc548 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud574 \ub354 \uc815\uad50\ud55c \uc0cc\ub4dc\ubc15\uc2a4 \uc18d\uc131\uc774\ub098 \ud45c\uc900\ud654\ub41c \uc815\uc81c API \uc758 \ub3c4\uc785\uc744 \uae30\ub300\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4. \ub514\uc790\uc778\uc758 \uc790\uc720\ub3c4\ub97c \ucd5c\ub300\ud55c \uc0b4\ub9ac\uba74\uc11c\ub3c4, \uc6f9 \ud658\uacbd \uc804\ubc18\uc5d0 \ud37c\uc9c8 \uc218 \uc788\ub294 \ubcf4\uc548 \ub9ac\uc2a4\ud06c\ub97c \ucc28\ub2e8\ud558\ub294 \uade0\ud615\uc810\uc744 \ucc3e\ub294 \uacfc\uc815\uc740 \uc55e\uc73c\ub85c\ub3c4 \uc6f9 \ud45c\uc900\uc758 \uc911\uc694\ud55c \ud654\ub450\ub85c \ub0a8\uc744 \uac83\uc785\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \ud30c\uc77c \ud3ec\ub9f7\uc744 \ub118\uc5b4, \uc6f9 \uc0dd\ud0dc\uacc4\uc758 \uc548\uc804\uc744 \uc9c0\ud0a4\ub294 \uae30\uc220\uc801 \uc9c4\ud654\uac00 \uc5b4\ub5bb\uac8c \uc774\ub8e8\uc5b4\uc9c8\uc9c0 \uc9c0\ucf1c\ubcf4\ub294 \uac83\uc774 \ud765\ubbf8\ub85c\uc6b8 \uac83\uc785\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6f9 \ub514\uc790\uc778\uc758 \ud544\uc218 \uc694\uc18c\ub85c \uc790\ub9ac \uc7a1\uc740 SVG \ud30c\uc77c\uc774 \uc65c \uac11\uc790\uae30 \uac1c\ubc1c\uc790\ub4e4\uc758 \uace8\uce6b\uac70\ub9ac\uac00 \ub418\uc5c8\ub294\uc9c0, \uadf8 \uc774\uba74\uc5d0 \uc228\uaca8\uc9c4 \ubcf4\uc548\uc758 \ud568\uc815\uacfc \ud574\uacb0\uc758 \uc2e4\ub9c8\ub9ac\ub97c \uc0b4\ud3b4\ubd05\ub2c8\ub2e4.<\/p>\n","protected":false},"author":11,"featured_media":16599,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[406],"tags":[11810,11807,11811,11808,11809],"class_list":["post-16600","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-406","tag-csp","tag-svg","tag-11811","tag-11808","tag-11809"],"featured_image_urls":{"full":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs.png",1200,630,false],"thumbnail":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs-150x150.png",150,150,true],"medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs-300x158.png",300,158,true],"medium_large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs-768x403.png",640,336,true],"large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs-1024x538.png",640,336,true],"1536x1536":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs.png",1200,630,false],"2048x2048":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs.png",1200,630,false],"morenews-large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs-825x575.png",825,575,true],"morenews-medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/04\/community-6595-the-woes-of-sanitizing-svgs-590x410.png",590,410,true]},"author_info":{"info":["\ubc30\uc18c\ub77c"]},"category_info":"<a href=\"https:\/\/jore2.com\/?cat=406\" rel=\"category\">\uc694\uc998\ub728\ub294\uc18c\uc2dd<\/a>","tag_info":"\uc694\uc998\ub728\ub294\uc18c\uc2dd","comment_count":"0","_links":{"self":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts\/16600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16600"}],"version-history":[{"count":0,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts\/16600\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/media\/16599"}],"wp:attachment":[{"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}