{"id":46158,"date":"2022-07-19T17:30:10","date_gmt":"2022-07-19T08:30:10","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=46158"},"modified":"2022-07-19T17:30:12","modified_gmt":"2022-07-19T08:30:12","slug":"svg-%ed%8c%8c%ec%9d%bc%ec%9d%84-compose%ec%9a%a9-imagevector%eb%a1%9c-%eb%b3%80%ed%99%98%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=46158","title":{"rendered":"SVG \ud30c\uc77c\uc744 Compose\uc6a9 ImageVector\ub85c \ubcc0\ud658\ud558\uae30"},"content":{"rendered":"\n<p>\ube44\ud2b8\ub9f5 \ud615\uc2dd\uacfc \ub2ec\ub9ac \ubca1\ud130\ud615\uc2dd\uc740 \uc218\ud559\uc801\uc778 \uc5f0\uc0b0\uc73c\ub85c \uc774\ubbf8\uc9c0\ub97c \ud45c\ud604\ud55c\ub2e4. \uadf8\ub807\uae30 \ub54c\ubb38\uc5d0 \ud655\ub300\ud574\ub3c4 \ud488\uc9c8\uc774 \ub5a8\uc5b4\uc9c0\uc9c0 \uc54a\uc73c\uba70, \uc77c\ubc18\uc801\uc73c\ub85c \uc6a9\ub7c9\uc774 \uc801\uc5b4 \ubc84\ud2bc, \uc544\uc774\ucf58\uacfc \uac19\uc740 \uc774\ubbf8\uc9c0\ub97c \ud45c\ud604\ud558\ub294\ub370 \ub9ce\uc774 \uc0ac\uc6a9\ub41c\ub2e4.<\/p>\n\n\n\n<p>\uc77c\ubc18\uc801\uc73c\ub85c \ubca1\ud130\ud615\uc2dd\uc758 \uc774\ubbf8\uc9c0\ub294 SVG\ud3ec\ub9f7\uc744 \uc774\uc6a9\ud558\uac8c \ub418\ub294\ub370, \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c\ub294 SVG\ud30c\uc77c\uc744 \uc9c1\uc811\uc801\uc73c\ub85c \ucc38\uc870 \ud560 \uc21c \uc5c6\ub2e4. Vector\ud615\uc2dd\uc758 Drawable\ub85c \ubcc0\uacbd\ud558\uae30 \uc704\ud574 \uc77c\ubc18\uc801\uc73c\ub85c SVG\ub97c XML \ud3ec\ub9f7\uc73c\ub85c \ucee8\ubc84\ud305\ud558\uac8c \ub418\ub294\ub370, \uc624\ub298\uc740 \uc774 \ubc29\ubc95\ub300\uc2e0 <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/18619-svg-to-compose\">Svg to Compose<\/a> \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/compose\/ui\/graphics\/vector\/ImageVector\">ImageVector<\/a> \ub85c \ubcc0\uacbd\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubcf4\uace0\uc790 \ud55c\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uc124\uce58<\/h2>\n\n\n\n<p><strong>Preferences > Plugins > Marketplace<\/strong> \uc5d0\uc11c  &#8216;<strong>svg to compose<\/strong>&#8216;\ub97c \uac80\uc0c9\ud558\uc5ec \uc124\uce58\ud558\uac70\ub098, <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/18619-svg-to-compose\">\ub9c1\ud06c<\/a>\ub97c \ud1b5\ud574 \uc124\uce58\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uc0ac\uc6a9\ubc95<\/h2>\n\n\n\n<p>1. <strong>File > New > Jetpack Compose ImageVector<\/strong> \ub85c \uc774\ub3d9\ud558\uc5ec \ud544\uc694\ud55c \ub0b4\uc6a9\uc744 \uc785\ub825\ud55c \ub4a4 <strong>Finish<\/strong>\ub97c \ub204\ub978\ub2e4<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.12-1024x738.png\" alt=\"\" class=\"wp-image-46159\" width=\"768\" height=\"554\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.12-1024x738.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.12-300x216.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.12-768x554.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.12-1536x1107.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.12-2048x1476.png 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<ul><li>Accessor name : ImageVector\uc5d0 \uc811\uadfc\ud558\uae30 \uc704\ud55c \uc774\ub984<\/li><li>Output directory : \ubcc0\ud658\ub41c ImageVector \ub4e4\uc774 \ucd9c\ub825\ub420 \ub514\ub809\ud1a0\ub9ac \uacbd\ub85c<\/li><li>Vector images directory : SVG \ud30c\uc77c\ub4e4\uc774 \ud3ec\ud568\ub41c \ub514\ub809\ud1a0\ub9ac \uacbd\ub85c<\/li><li>Vector image type : SVG \uc120\ud0dd<\/li><li>All assets property name : \ubcc0\ud658\ub41c \uc544\uc774\ucf58 \ubaa9\ub85d\uc758 \ubcc0\uc218\uba85<\/li><\/ul>\n\n\n\n<p>2. ImageVector \ud30c\uc77c\ub4e4\uc774 \uc0dd\uc131\ub41c \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.26.png\" alt=\"\" class=\"wp-image-46160\" width=\"201\" height=\"224\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.26.png 402w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.49.26-269x300.png 269w\" sizes=\"(max-width: 201px) 100vw, 201px\" \/><\/figure>\n\n\n\n<p>3. \uc785\ub825\ud55c Accessor name\uacfc \ud30c\uc77c\uba85\uc744 \ud1b5\ud574 ImageVector\uc5d0 \uc811\uadfc\ud558\uc790.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.45-1024x696.png\" alt=\"\" class=\"wp-image-46161\" width=\"512\" height=\"348\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.45-1024x696.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.45-300x204.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.45-768x522.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.45.png 1038w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<p>4. \uca14\uc7cc!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.51-456x1024.png\" alt=\"\" class=\"wp-image-46162\" width=\"228\" height=\"512\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.51-456x1024.png 456w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.51-133x300.png 133w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.51-683x1536.png 683w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/07\/www.charlezz.com-svg-compose-imagevector--2022-07-19--4.50.51.png 718w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\ub9c8\uce58\uba70<\/h2>\n\n\n\n<p>\uc774 \ud50c\ub7ec\uadf8\uc778\uc740 github\uc758 <a href=\"https:\/\/github.com\/DevSrSouza\/svg-to-compose\">svg-to-compose<\/a> \ub85c\ubd80\ud130 \uc2dc\uc791\ub418\uc5c8\uc73c\uba70, \ud574\ub2f9 \ub9ac\ud30c\uc9c0\ud1a0\ub9ac\uc5d0 \uac00\ubcf4\uba74 \uc774 \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud55c \uc774\uc720\uc640 \uc5b4\ub5a4\uc2dd\uc73c\ub85c \ub3d9\uc791\ud558\ub294\uc9c0\uc5d0 \ub300\ud55c \uc124\uba85\uc774 \ub098\uc640\uc788\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ud50c\ub7ec\uadf8\uc778\uc758 \uc7a5\ub2e8\uc810\uc744 \ud558\ub098\uc529 \uaf3d\uc790\uba74, \ubca1\ud130 \ub9ac\uc18c\uc2a4\ub97c \ucf54\ud2c0\ub9b0 \ud30c\uc77c\ub85c \uad00\ub9ac\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810\uacfc \ubbf8\ub9ac\ubcf4\uae30\uac00 \uc5b4\ub835\ub2e4\ub294 \ub2e8\uc810\uc774 \uc788\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ube44\ud2b8\ub9f5 \ud615\uc2dd\uacfc \ub2ec\ub9ac \ubca1\ud130\ud615\uc2dd\uc740 \uc218\ud559\uc801\uc778 \uc5f0\uc0b0\uc73c\ub85c \uc774\ubbf8\uc9c0\ub97c \ud45c\ud604\ud55c\ub2e4. \uadf8\ub807\uae30 \ub54c\ubb38\uc5d0 \ud655\ub300\ud574\ub3c4 \ud488\uc9c8\uc774 \ub5a8\uc5b4\uc9c0\uc9c0 \uc54a\uc73c\uba70, \uc77c\ubc18\uc801\uc73c\ub85c \uc6a9\ub7c9\uc774 \uc801\uc5b4 \ubc84\ud2bc, \uc544\uc774\ucf58\uacfc \uac19\uc740 \uc774\ubbf8\uc9c0\ub97c \ud45c\ud604\ud558\ub294\ub370 \ub9ce\uc774 \uc0ac\uc6a9\ub41c\ub2e4. \uc77c\ubc18\uc801\uc73c\ub85c \ubca1\ud130\ud615\uc2dd\uc758 \uc774\ubbf8\uc9c0\ub294 SVG\ud3ec\ub9f7\uc744 \uc774\uc6a9\ud558\uac8c \ub418\ub294\ub370, \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c\ub294 SVG\ud30c\uc77c\uc744 \uc9c1\uc811\uc801\uc73c\ub85c \ucc38\uc870 \ud560 \uc21c \uc5c6\ub2e4. Vector\ud615\uc2dd\uc758 Drawable\ub85c \ubcc0\uacbd\ud558\uae30 \uc704\ud574 \uc77c\ubc18\uc801\uc73c\ub85c SVG\ub97c XML \ud3ec\ub9f7\uc73c\ub85c \ucee8\ubc84\ud305\ud558\uac8c \ub418\ub294\ub370, \uc624\ub298\uc740 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[38],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46158"}],"collection":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46158"}],"version-history":[{"count":1,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46158\/revisions"}],"predecessor-version":[{"id":46163,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46158\/revisions\/46163"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}