{"id":1550,"date":"2014-06-10T01:33:48","date_gmt":"2014-06-10T01:33:48","guid":{"rendered":"http:\/\/brain.payzip.co.kr\/?p=1550"},"modified":"2014-06-10T01:33:48","modified_gmt":"2014-06-10T01:33:48","slug":"d3-%eb%9d%bc%ec%9d%b4%eb%b8%8c%eb%9f%ac%eb%a6%ac","status":"publish","type":"post","link":"https:\/\/blog.goorigo.com\/?p=1550","title":{"rendered":"D3 \ub77c\uc774\ube0c\ub7ec\ub9ac"},"content":{"rendered":"

 <\/p>\n

 <\/p>\n

\uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc778\ud3ec\uadf8\ub798\ud53d\uc5d0 \uc801\ud569\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac – D3<\/p>\n

\uacf5\uc2dd: \u00a0http:\/\/d3js.org\/<\/a><\/p>\n

 <\/p>\n

\uacf5\uc2dd\uc0ac\uc774\ud2b8\uc5d0 \uc608\uc2dc\uc0ac\uc774\ud2b8\uac00 \ub098\uc640\uc788\ub2e4.<\/p>\n

GOOD~!<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

\ucd9c\ucc98 :\u00a0http:\/\/html5dev.tistory.com\/520<\/p>\n

 <\/p>\n

\"\"<\/p>\n

\uc804\uc138\uacc4\uc801\uc73c\ub85c \ub370\uc774\ud130\uac00 \uc5b4\ub9c8\uc5b4\ub9c8\ud558\uac8c \uc99d\uac00\ud558\uba74\uc11c \ub370\uc774\ud130\ub97c \uc798 \ucc98\ub9ac\ud558\uace0 \ucde8\uae09\ud558\ub294 \uac83\ub3c4 \uc911\uc694\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub7f0 \uac00\uc6b4\ub370 \ubbf8\uad6d New York Times\uac00 \uc801\uadf9\uc801\uc73c\ub85c \ud65c\uc6a9\ud558\uace0 \uc788\uac70\ub098, Github\uc758 Watch \ub7ad\ud0b9\ub3c4 \uc0c1\uc704\uc5d0 \uc62c\ub77c\uc640 \uc788\uc5b4 \uc778\uae30\uac00 \ube60\ub974\uac8c \uc62c\ub77c\uac00\uace0 \uc788\uace0 \ub370\uc774\ud130\ub97c \ube44\uc96c\uc5bc\ud558\uac8c \ubcf4\uc5ec\uc8fc\ub294 d3.js\ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc880\ucc98\ub7fc \uc6f9\uc5d0\uc11c\ub294 \uad6c\ud604\ud558\uae30 \uc5b4\ub824\uc6e0\ub358 \ubd80\ubd84\uc744 \ub370\uc774\ud130 \uac00\uc2dc\ud654\ub97c \uc27d\uac8c \ud560 \uc218 \uc788\uc5b4, \ubcf5\uc7a1\ud55c \ub370\uc774\ud130\ub97c \ube60\ub974\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub294 \uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4e4\uae30 \uc27d\uac8c \ub429\ub2c8\ub2e4.<\/p>\n

 <\/p>\n

\ubbf8\uad6d \uc624\ubc14\ubc14 \ub300\ud1b5\ub839\uc758 \uad6d\uac00 \uc608\uc0b0\uc548\uc744 \uc27d\uac8c \ubcf4\uc5ec\uc8fc\ub294 \ub274\uc695\ud0c0\uc784\uc988\uc758 \uae30\uc0ac\ub97c \ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\ud604\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\"\"<\/p>\n

\ubcf5\uc7a1\ud558\uace0 \uc815\ubcf4\ub7c9\uc774 \ub9ce\uc740 \uc624\ubc14\ub9c8 \ub300\ud1b5\ub839\uc774 \uc81c\uc548\ud55c \ubbf8\uad6d \uad6d\uac00 \uc608\uc0b0\uc548\uc774 \ube44\uc8fc\uc5bc\ud558\uac8c \ubcf4\uc5ec\uc8fc\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ub370\uc774\ud130\ub97c \ud45c\ub85c \ubcf4\uac70\ub098 \uadf8\ub798\ud504\ub85c \ubcf4\ub294 \uac83\ub9cc\uc73c\ub85c \uc774\ud574\ud558\uae30 \uc5b4\ub824\uc6b4 \uac83\uc744 \uc27d\uac8c \ubcf4\uc5ec\uc904 \uc218 \uc788\ub294 \uc131\uacf5\uc801\uc778 \ucf00\uc774\uc2a4\ub77c\uace0 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uad00\ub828 \uae30\uc0ac \ub9c1\ud06c:\u00a0http:\/\/www.nytimes.com\/interactive\/2012\/02\/13\/us\/politics\/2013-budget-proposal-graphic.html<\/a><\/p>\n

 <\/p>\n

\uc774\ucc98\ub7fc \uae30\ubcf8\uc801\uc778 \uadf8\ub798\ud504\ub294 \ubb3c\ub860 \uc9c0\ub3c4\uad00\ub828 \ub370\uc774\ud130\ub97c \ub80c\ub354\ub9c1,\ubbf8\ub514\uc5b4 \uc544\ud2b8\uc640 \uac19\uc740 \uc5ec\ub7ec\uac00\uc9c0\uac00 \uad6c\ud604\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n

\uacf5\uc2dd\ubb38\uc11c \ub0b4\uc6a9\uc758 \uc815\uc758\ub97c \uc0b4\ud3b4\ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n

D3\ub294 \uc784\uc758\uc758 \ub370\uc774\ud130\ub97c \ubb38\uc11c \uac1d\uccb4 \ubaa8\ub378(DOM)\uacfc \uacb0\ud569\uc2dc\ucf1c \ub370\uc774\ud130 \uc2e4\ud589\uc744 \uc704\ud55c \ubb38\uc11c \ubcc0\uacbd\uc744 \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4. \uc608\ub85c \uc218\uce58\ubc30\uc5f4\ub85c\ubd80\ud130 HTML \ud14c\uc774\ube14\uc744 \ub9cc\ub4e4\uac70\ub098 \uac19\uc740 \ub370\uc774\ud130\ub85c\ubd80\ud130 \uc778\ud130\ub809\ud2f0\ube0c\ud55c SVG\uae30\ubc18\uc758 \ub9c9\ub300\uadf8\ub798\ud504\ub97c \ub9cc\ub4e4\uc5b4 \uc774\ub97c \uae54\ub054\ud558\uace0 \ub300\ud654\uc801\uc778 \ud615\ud0dc\ub85c \ubcc0\ud654\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

D3\uc758 \ubaa9\ud45c\ub294 \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uac16\ucd98 \ud68d\uc77c\ud654\ub41c \ud504\ub808\uc784\uc6cd\uc774 \ub418\ub294 \uac83\uc774 \uc544\ub2c8\ub77c,\u00a0D3\uac00 \uc81c\uacf5\ud558\ub294 \uac83\uc740 \ubb38\uc81c\uc758 \ud575\uc2ec\ubd80\ubd84\uc778 \uc194\ub8e8\uc158\uc785\ub2c8\ub2e4. \uc989, \ub370\uc774\ud130\uc5d0 \uadfc\uac70\ud574 \ubb38\uc11c\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \uc870\uc791\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ud2b9\uc218\ud55c \ubc29\ubc95\uc744 \uc774\uc6a9\ud560 \ud544\uc694 \uc5c6\uc774 \uace0\ub3c4\uc758 \uc720\uc5f0\uc131\uc744 \uc720\uc9c0\ud558\uba74\uc11c, CSS3, HTML5, SVG\ub77c\ub294 \uc6f9\ud45c\uc900\uc774 \uac00\uc9c0\ub294 \ub2a5\ub825\uc744 \ud1b5\ud574 \uac00\ub2a5\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p><\/blockquote>\n

\uc989 \ub370\uc774\ud130\ub77c\ub294 \uac83\uc744 \ud45c\ud604\ud558\ub294 \uc6f9\ud398\uc774\uc9c0\uc5d0\uc11c \ud615\ud0dc\ub97c \uac04\ub2e8\ud558\uac8c \uad00\ub828\uc9d3\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4. \uc774\ub7f0 \uc5f0\ub3d9\uc5d0 \ub300\ud55c \uac83\uc744 d3.js\uac00 \ucc98\ub9ac\ud574\uc8fc\ub294 \ub300\uc2e0\uc5d0 \ub514\uc790\uc774\ub108\ub098 \uac1c\ubc1c\uc790\ub294 \ub370\uc774\ud130\uac00 \uc5b4\ub5bb\uac8c \ud45c\ud604\ub420 \uac83\uc778\uc9c0\ub97c \ucc98\ub9ac\ud558\ub294\ub370 \uc9d1\uc911\ud560 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4.<\/p>\n

\uc18c\uc2a4\ucf54\ub4dc\ub9cc \ubcf8\ub2e4\uba74 \uba54\uc18c\ub4dc\ucc44\uc778, CSS\uc2e4\ub809\ud130, jQuery\uc640 \uac19\uc740 \uad6c\uc870\uac00 \uc0ac\uc6a9\ub418\uc5b4 jQuery\ub97c \uc0ac\uc6a9\ud560 \uc8fc \uc544\ub294 \ubd84\ub4e4\uc774\ub77c\uba74 \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"

    \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc778\ud3ec\uadf8\ub798\ud53d\uc5d0 \uc801\ud569\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac – D3 \uacf5\uc2dd: \u00a0http:\/\/d3js.org\/   \uacf5\uc2dd\uc0ac\uc774\ud2b8\uc5d0 \uc608\uc2dc\uc0ac\uc774\ud2b8\uac00 \ub098\uc640\uc788\ub2e4. GOOD~!         \ucd9c\ucc98 :\u00a0http:\/\/html5dev.tistory.com\/520   \uc804\uc138\uacc4\uc801\uc73c\ub85c \ub370\uc774\ud130\uac00 \uc5b4\ub9c8\uc5b4\ub9c8\ud558\uac8c \uc99d\uac00\ud558\uba74\uc11c \ub370\uc774\ud130\ub97c \uc798 \ucc98\ub9ac\ud558\uace0 \ucde8\uae09\ud558\ub294… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/1550"}],"collection":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1550"}],"version-history":[{"count":0,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/1550\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}