{"id":16218,"date":"2019-01-04T01:14:34","date_gmt":"2019-01-03T16:14:34","guid":{"rendered":"http:\/\/13.125.82.244\/?p=16218"},"modified":"2019-01-04T01:15:15","modified_gmt":"2019-01-03T16:15:15","slug":"blobmaker","status":"publish","type":"post","link":"https:\/\/icunow.co.kr\/blobmaker\/","title":{"rendered":"\uba87 \ucd08\ub9cc\uc5d0 \ub2e4\uc591\ud55c \ubaa8\uc591\uc758 ‘SVG’\ub97c \ub9cc\ub4e4\uc5b4\ub0bc \uc218 \uc788\ub2e4\uba74? ‘Blobmaker’"},"content":{"rendered":"\n

–<\/p>\n\n\n\n

‘SVG’\uc758 \uac00\uc7a5 \ud070 \uc7a5\uc810\uc740 \uc774\ubbf8\uc9c0\uac00 \uae68\uc9c0\uc9c0 \uc54a\ub294\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4. \ubcf4\ud1b5 \uc774\ubbf8\uc9c0\ub4e4\uc740 ‘bitmap’\ud615\uc2dd, \uc810\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc5b4 \uae30\uc900 \uc774\uc0c1\uc758 \ud574\uc0c1\ub3c4\uc5d0\uc11c\ub294 \uae68\uc9c0\ub294 \ud604\uc0c1\uc774 \uc788\ub294\ub370\uc694! SVG\uc640 \uac19\uc774 ‘vector’\ub85c \uc800\uc7a5\ub41c \uc774\ubbf8\uc9c0, \ud3ec\ub9f7\uc740 \uc774\ubbf8\uc9c0\uac00 \uae68\uc9c0\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"\/
\uac00\uc7a5 \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub294 \uc774\ubbf8\uc9c0!<\/figcaption><\/figure>\n\n\n\n

–<\/p>\n\n\n\n

\ud2b9\ud788 \ub514\ubc14\uc774\uc2a4\uc758 \ud574\uc0c1\ub3c4\uac00 \uc810\uc810 \ub192\uc544\uc9d0\uacfc \ub3d9\uc2dc\uc5d0 \ubc18\uc751\ud615\uc5d0 \ub300\ud55c \uc774\uc288\uac00 \uc810\uc810 \ucee4\uc9c0\ub294 \uc0c1\ud669 \uc18d, \uc544\uc774\ucf58, \ub85c\uace0 \ub4f1\uc744 SVG\ub85c \ud65c\uc6a9\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc544\uc9c0\uace0 \uc788\uc8e0. ‘SVG’\ub294 \uc774\ubbf8\uc9c0\uac00 \uae68\uc9c0\uc9c0 \uc54a\ub294\ub2e4\ub294 \uc7a5\uc810 \uc678, \ub9c8\ud06c\uc5c5 \uc5b8\uc5b4\ub85c \uc774\ub904\uc838 \uc788\uae30\uc5d0 \uc9c1\uc811 \uc218\uc815 \ub610\ub294 JavaScript, CSS\ub85c \uc811\uadfc\ud558\uc5ec \uc0ac\uc6a9 \uac00\ub2a5, \uc791\uc740 \ud30c\uc77c \uc0ac\uc774\uc988, \ud2b9\uc815 \uc0ac\uc774\uc988\uc5d0 \uad6c\uc560 \ubc1b\uc9c0 \uc54a\ub294 \ub2e4\ub294 \uc7a5\uc810\uc744 \uc9c0\ub2c8\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7f0 \uc7a5\uc810\ub4e4\ub85c \uc778\ud574 \uc2a4\ucf00\uce58\ub294 \ubb3c\ub860 \ub2e4\uc591\ud55c \uadf8\ub798\ud53d, \ub514\uc790\uc778 \ud234\uc5d0\uc11c\ub3c4 ‘SVG’\ub85c \ub0b4\ubcf4\ub0b4\uae30\ub97c \ub300\ubd80\ubd84 \uc9c0\uc6d0\ud558\uace0 \uc788\uc8e0. (\ud568\uaed8\ubcf4\uc138\uc694 : \uc65c SVG\ub85c \uac08\uc544\ud0d4\ub294\uac00?<\/a>)\u00a0<\/p>\n\n\n\n

\uadf8\ub798\uc11c \uc800\ub3c4 \ucd5c\uadfc\uc5d0 ‘SVG’\uc5d0 (\ub4a4\ub2a6\uac8c\uc9c0\ub9cc..) \ub9ce\uc740 \uad00\uc2ec\uc744 \uac16\uac8c \ub418\uc5c8\uace0 \uc544\uc774\ucf58 \ub4f1\uc744 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744 \ub54c PNG \ud3ec\ub9f7\uc774 \uc544\ub2cc SVG \ud615\ud0dc\ub85c \ub0b4\ub824\ubc1b\uc544 \ud55c \ubc88\uc529 \uc790\uc138\ud788 \ub72f\uc5b4\ubcf4\ub294 \uc2b5\uad00\uc744 \uac00\uc9c0\ub824 \ub178\ub825\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4 \ud83d\ude42 ‘SVG’\uc598\uae30\ub85c \uc11c\ub860\uc774 \uc870\uae08 \uae38\uc5b4\uc84c\ub294\ub370\uc694! \uadf8\ub798\uc11c \uc624\ub298\uc740 \ubcc4\ub2e4\ub978 \ud234\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub354\ub77c\ub3c4 \ub2e4\uc591\ud55c \ubaa8\uc591\uc744 \uc6f9\uc0c1\uc5d0\uc11c \uc190\uc27d\uac8c \uc81c\uc791\ud574 ‘SVG’\ub85c \ub0b4\ub824\ubc1b\uc744 \uc218 \uc788\ub294 \uc11c\ube44\uc2a4\ub97c \uc18c\uac1c\ud574\ubcf4\ub824\uace0 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

\uadf8\ub7fc \uc2dc\uc791\ud574\ubcfc\uae4c\uc694? \uc624\ub298 \uc18c\uac1c\ub4dc\ub9b4 \uc11c\ube44\uc2a4\ub294 ‘Blobmaker’\uc785\ub2c8\ub2e4. \uc2a4\uc2a4\ub85c\ub97c ‘Create organic svg shapes in just a few seconds’\ub77c\uace0 \uc18c\uac1c\ud558\uace0 \uc788\ub294 \uacf3! \ub531 \ud55c \ud398\uc774\uc9c0\ub85c \uad6c\uc131\ub41c, \uc6f9 \uae30\ubc18\uc758 \uc11c\ube44\uc2a4\uc785\ub2c8\ub2e4. ‘Color’, ‘Complexity’, ‘Contrast’ \ub4f1 \uc138 \uac00\uc9c0 \uc870\uac74\uc73c\ub85c \ubaa8\uc591\uc744 \ub9cc\ub4e4\uc5b4 ‘SVG’ \ud3ec\ub9f7\uc73c\ub85c \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744 \uc218 \uc788\uc8e0.<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
\"\"
\uac19\uc740 \ubaa8\uc591\uc774\ub77c \ud558\ub354\ub77c\ub3c4 ‘\uceec\ub7ec’\uc5d0 \ub530\ub77c \ub2e4\ub974\uac8c \ub290\uaef4\uc9c0\ub124\uc694!<\/figcaption><\/figure><\/div>\n\n\n\n

–<\/p>\n\n\n\n

\uac00\uc7a5 \uba3c\uc800 \uc120\ud0dd\ud560 \uc218 \uc788\ub294 \uc635\uc158\uc740 ‘\uceec\ub7ec’\uc785\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c 10\uac1c\uc758 \uceec\ub7ec\ub97c \ubc14\ub85c \uc120\ud0dd\ud560 \uc218 \uc788\uc73c\uba70 \uceec\ub7ec\uac12\uc744 \uc9c1\uc811 \uc785\ub825\ud574 \ubc18\uc601\ud558\ub294 \uac83\ub3c4 \uac00\ub2a5\ud569\ub2c8\ub2e4 \ud83d\ude42 \uc6d0\ud558\ub294 \uceec\ub7ec\uac00 \uc788\ub2e4\uba74 \uceec\ub7ec\uac12\uc744 \ud65c\uc6a9\ud558\ub294\uac8c \ub354 \ube60\ub978 \uc791\uc5c5\uc73c\ub85c \uc774\uc5b4\uc9c0\uaca0\uc8e0!<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

–<\/p>\n\n\n\n

\ub450 \ubc88\uc9f8 \uc635\uc158\uc740 ‘Complexity’ \uc785\ub2c8\ub2e4. \ub2e8\uc5b4\uc758 \ub73b\uc740 \ubcf5\uc7a1\ud568 \uadf8 \uc790\uccb4\uc9c0\ub9cc, \uc774 \uacf3\uc5d0\uc11c\ub294 \uc6b0\ub9ac\uac00 \ud754\ud788 \uc54c\uace0 \uc788\ub294 ‘\uaf2d\uc9d3\uc810’\uc744 \uba87 \uac1c\ub85c \uac00\uc838\uac08 \uac83\uc778\uc9c0\ub97c \ub73b\ud569\ub2c8\ub2e4. \uace1\uc120\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc9c0\ub9cc, \uaf2d\uc9d3\uc810\uacfc \uac19\uc740 \ub9e5\ub77d\uc73c\ub85c 3-5\uac1c \uc0ac\uc774\uc758 \uc811\uc810\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\ub124\uc694.<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

–<\/p>\n\n\n\n

\uc138 \ubc88\uc9f8 \uc635\uc158\uc740 ‘Contrast’ \uc778\ub370\uc694! \uc774\ubbf8\uc9c0\ub85c \ubcf4\uba74 \uc774\ud574\uac00 \uc27d\uac8c \ub418\uc9c0\ub9cc, \ub9d0\ub85c \ud480\uc5b4 \uc124\uba85\ud558\uae30\uac00 \uc870\uae08 \uc560\ub9e4\ud55c \uc635\uc158\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uc6d0\ud615\uacfc \uadf8\ub807\uc9c0 \uc54a\uc740 \ub3c4\ud615\uc73c\ub85c \uc124\uba85\ud574\ub193\uc740 \uac83\uc744 \ud1b5\ud574, \uadf8\ub9ac\uace0 \uc2e4\uc81c\ub85c \ud55c \ub2e8\uacc4\uc529 \uc120\ud0dd\ud558\uba70 \ubcc0\ud558\ub294 \ubaa8\uc591\ub4e4\uc744 \ud1b5\ud574 \uc6d0\ud615\uc5d0 \uc5bc\ub9c8\ub098 \uac00\uae4c\uc6b4\uc9c0, \uba3c \uc9c0\ub97c \ud655\uc778\ud558\ub294 \uc6a9\ub3c4\ub85c \uc800\ub294 \ud65c\uc6a9\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\"\"
\ub79c\ub364 \uc0dd\uc131 \uc635\uc158\ub3c4 \uc788\uc9c0\uc694!<\/figcaption><\/figure><\/div>\n\n\n\n

–<\/p>\n\n\n\n

\uc55e\uc120 \uc138 \uac00\uc9c0 \uc635\uc158\ub3c4 \ubaa8\ub450 \uadc0\ucc2e\ub2e4\uba74! \ub2e4\uc6b4\ub85c\ub4dc \ubc84\ud2bc \uc67c\ucabd\uc5d0 \uc788\ub294 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud574\ubcf4\uc138\uc694! \uc790\ub3d9\uc73c\ub85c \ubaa8\uc591\uc744 \uc7a1\uc544\uc90d\ub2c8\ub2e4. \uacc4\uc18d \ud074\ub9ad\ud558\ub2e4\uac00 \ub9c8\uc74c\uc5d0 \ub4dc\ub294 \ubaa8\uc591\uc774 \ub098\uc624\uba74 \ubc14\ub85c \ub2e4\uc6b4\ub85c\ub4dc\ub97c!<\/p>\n\n\n\n

\uc774\ub807\uac8c \uc644\uc131\ub41c \ubaa8\uc591\ub4e4\uc740 \ubaa8\ub450 ‘SVG’\ub85c \uc870\uac74\uc5c6\ub294 \ub2e4\uc6b4\ub85c\ub4dc\uac00 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc774\ub97c \uc55e\uc11c ‘SVG’\ub97c \uc18c\uac1c\ud558\uba70 \ub9d0\uc500\ub4dc\ub838\ub358 \uac83\ucc98\ub7fc CSS\uc5d0\uc11c \ud65c\uc6a9\ud558\ub294 \ub4f1\uc758 \ucd94\uac00 \uc791\uc5c5\uc774 \uac00\ub2a5\ud574\uc9c0\ub294 \uac83\uc774\uc8e0. \uae30\uc874 \uc791\uc5c5 \ubc29\uc2dd\uc5d0 \ube44\ud574 \ub354 \ube60\ub974\uace0 \uac04\ud3b8\ud558\uac8c \uae30\ucd08 \ubaa8\uc591\uc744 \uc7a1\uc544\ub0bc \uc218 \uc788\ub2e4\ub294 \uc810\uc774 \uac00\uc7a5 \ud070 \ub9e4\ub825\uc774\uc5c8\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n\n\n\n

–<\/p>\n\n\n\n

\u00a0\uc9c0\uae08 \ubc14\ub85c \ubaa8\uc591\uc744 \ub9cc\ub4e4\uace0 \uc2f6\uc73c\uc2dc\ub2e4\uba74, ‘\uc774 \uacf3’\uc744 \ud655\uc778\ud574\uc8fc\uc138\uc694!<\/a><\/p>\n\n\n\n

–<\/p>\n","protected":false},"excerpt":{"rendered":"

\uc624\ub298\uc740 \ubcc4\ub2e4\ub978 \ud234\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub354\ub77c\ub3c4 \ub2e4\uc591\ud55c \ubaa8\uc591\uc744 \uc6f9\uc0c1\uc5d0\uc11c \uc190\uc27d\uac8c \uc81c\uc791\ud574 ‘SVG’\ub85c \ub0b4\ub824\ubc1b\uc744 \uc218 \uc788\ub294 \uc11c\ube44\uc2a4\ub97c \uc18c\uac1c\ud569\ub2c8\ub2e4.<\/p>\n","protected":false},"author":2,"featured_media":16226,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[1135,1133,1134],"_links":{"self":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/16218"}],"collection":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/comments?post=16218"}],"version-history":[{"count":0,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/16218\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media\/16226"}],"wp:attachment":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media?parent=16218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/categories?post=16218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/tags?post=16218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}