{"id":1080,"date":"2020-10-14T09:00:00","date_gmt":"2020-10-14T00:00:00","guid":{"rendered":"http:\/\/mobilelab.khu.ac.kr\/?p=1080"},"modified":"2020-10-14T14:17:07","modified_gmt":"2020-10-14T05:17:07","slug":"dart-programmer-40","status":"publish","type":"post","link":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/10\/14\/dart-programmer-40\/","title":{"rendered":"Dart Programmer \ub418\uae30 [40]"},"content":{"rendered":"\n

< Web \uac1c\ubc1c \u2013 Flutter for Web : History & Roadmap ><\/h4>\n\n\n\n

2019\ub144 5\uc6d4 7\uc77c, Google I\/O \ud589\uc0ac\uc5d0\uc11c, Flutter \ud300\uc740 Flutter \ud504\ub808\uc784\uc6cc\ud06c\uc758 \uc9c0\ud5a5\uc810\uc744 \uae30\uc874 \ubaa8\ubc14\uc77c\uc5d0\uc11c \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\ub4e4\ub85c \ud655\ub300\ud558\uaca0\ub2e4\ub294 \ubc1c\ud45c\ub97c \ud588\uc2b5\ub2c8\ub2e4 (\ucc38\uc870: https:\/\/developers.googleblog.com\/2019\/05\/Flutter-io19.html<\/a>\n). \uc774\uc758 \uae30\uc220\uc801 \ubc29\ubc95\ub860\uc73c\ub85c, Flutter\nfor Web, Flutter for Mobile Devices, Flutter for Desktop, Flutter for Embedded\nDevices\ub97c \ubc1c\ud45c \ud558\uc600\uc2b5\ub2c8\ub2e4. \uc774 \uc911 \uccab\ubc88\uc9f8\n\uc774\uc288\uac00 \ub2f9\ubd84\uac04 \uc5f0\uc7ac\ud558\ub294 \uae00\uc758 \uc8fc\uc81c\uc774\uba70, \ub450\ubc88\uc9f8\uc5d0\uc11c \ub124\ubc88\uc9f8 \uc0ac\ud56d\uc740 \ucd94\ud6c4 \ub370\uc2a4\ud06c\ud0d1\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc5d0\uc11c \ub2e4\ub8e8\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

Flutter \ud300\uc740 Flutter for Web\uc758 \ucd08\uae30 \ubc84\uc804\uc744 \ucd9c\uc2dc\ud558\uba74\uc11c, \uc774 \uae30\uc220\uc758 \ubaa9\uc801\uc744\n\uba85\ud655\ud558\uac8c \uaddc\uc815\ud588\uc2b5\ub2c8\ub2e4. \uc989, Web\uc5d0\uc11c Flutter\uac00 \uc9c0\ud5a5\ud558\ub294 \ucd08\uae30 \ube44\uc804\uc740, HTML\uc5d0 \ucd5c\uc801\ud654 \ub41c \ubb38\uc11c \ud658\uacbd\uc744 \ub300\uccb4 \ud560 \ubaa9\uc801\uc774 \uc544\ub2d9\ub2c8\ub2e4. \ub300\uc2e0 \uc815\uad50\ud55c UI \ud504\ub808\uc784\uc6cc\ud06c\uc758 \uc7a5\uc810\uc744\n\uc798 \ub290\ub084 \uc218 \uc788\ub294 \ub300\ud654\uc2dd(highly interactive)\uc758 \uadf8\ub798\ud53d\uc774 \ud48d\ubd80(graphically\nrich)\ud55c \ucf58\ud150\uce20\ub97c \uc81c\uc791\ud560\n\uc218 \uc788\ub294 \uc88b\uc740 \ubc29\ubc95\uc73c\ub85c \uc81c\uc548\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

Web \uc6a9 Flutter\ub97c \uc18c\uac1c\ud558\uae30 \uc704\ud574, Flutter \ud300\uc740 New York Times\uc640 \ud568\uaed8 \ub370\ubaa8 \ud504\ub85c\uadf8\ub7a8\uc744 \uc81c\uc791\ud574\uc11c \uacf5\uac1c \ud588\uc2b5\ub2c8\ub2e4. New\nYork Times\ub294 \uc138\uacc4\uc801\uc778 \ub274\uc2a4 \ubcf4\ub3c4 \uc678\uc5d0\ub3c4 \ud06c\ub85c\uc2a4 \uc6cc\ub4dc \ubc0f \uae30\ud0c0 \ud37c\uc990 \uac8c\uc784\uc73c\ub85c \uc720\uba85\ud569\ub2c8\ub2e4. \uc5f4\ub82c\ud55c \ud37c\uc990 \ub9e4\ub2c8\uc544\n\ub4e4\uc740 \ub2f9\uc2dc \uc0ac\uc6a9\ud558\uace0\uc788\ub294 \ubaa8\ub4e0 \uae30\uae30\uc5d0\uc11c \uac8c\uc784\uc744 \ud558\uae30\ub97c \uc6d0\ud588\uae30 \ub54c\ubb38\uc5d0, Flutter  \uac1c\ubc1c \ud300\uc740\nFlutter\uc5d0 \uad00\uc2ec\uc744 \ub04c\n\uc218 \uc788\ub294 \uc7a0\uc7ac\uc801 \uc778 \uc194\ub8e8\uc158\uc73c\ub85c \ub9e4\ub8cc \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\uc5d0 2019\ub144 5\uc6d4 Google I\/O\uc5d0\uc11c \uc0c8\ub85c \uc5c5\ub370\uc774\ud2b8 \ub41c KENKEN \ud37c\uc990 \uac8c\uc784\uc744 \uacf5\uac1c \ud558\uc600\uc2b5\ub2c8\ub2e4 (\ucc38\uc870: https:\/\/www.nytimes.com\/games\/prototype\/kenken#\/<\/a>\n). \uc774 \uac8c\uc784\uc740\nAndroid, iOS, Web, Mac \ubc0f Chrome OS\uc5d0\uc11c \ub3d9\uc77c\ud55c \ucf54\ub4dc\ub85c \uc2e4\ud589\ub418\ub3c4\ub85d \ub9cc\ub4e4\uc5b4 \uc84c\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

\uadf8\ub9ac\uace0 2019\ub144 12\uc6d4\uc5d0 \uc5f4\ub9b0 Flutter Interact \uc774\ubca4\ud2b8\uc5d0\uc11c,\nFlutter \ud300\uc740 Web\uc5d0 \ub300\ud55c Flutter\uc758 \uac1c\ubc1c \uc218\uc900\uc744\nbeta-level\ub85c \uc0c1\ud5a5 \uc870\uc815\ud55c\ub2e4\uace0\n\ubc1c\ud45c \ud588\uc2b5\ub2c8\ub2e4. \uc544\uc6b8\ub7ec Android\uc640 iOS\uc5d0 \uc0c1\uc751\ud558\ub294 \uc218\uc900\uc73c\ub85c Web\uc5d0 \ub300\ud55c \uc9c0\uc6d0\uc744 \uc9c0\uc18d\ud560 \uac83 \uc784\uc744 \ubc1c\ud45c\ud558\uc600\uc2b5\ub2c8\ub2e4. \ub610\ud55c \ud5a5\ud6c4 Desktop\n\uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744\n\uc704\ud55c \ucd5c\uc801\uc758 \uac1c\ubc1c \ubc29\ubc95\uc73c\ub85c \ubc1c\uc804\uc2dc\ucf1c \ub098\uac00\uaca0\ub2e4\ub294 \ubc1c\ud45c\ub3c4 \ud568\uaed8 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

Flutter for Web\uc5d0 \ub300\ud55c \ub85c\ub4dc\ub9f5\uc740 GitHub\uc758 Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc5d0\ub3c4 \uba85\uc2dc \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4 (\ucc38\uc870: https:\/\/github.com\/flutter\/flutter\/wiki\/Roadmap#2019<\/a> ). \uc774\uacf3\uc5d0 \uba85\uc2dc\ub41c, 2020\ub144\uc758 \ubaa9\ud45c\ub294 \u201cflutter create; flutter run\u201d\uc744 \ud1b5\ud574\uc11c Flutter\ub85c \uac1c\ubc1c\ud55c \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc774\nWeb \ube0c\ub77c\uc6b0\uc800,\nmacOS, Windows, Android, Fuchsia \ubc0f iOS\uc5d0\uc11c \uc2e4\ud589\ud558\ub3c4\ub85d \ud558\ub294 \uac83 \uc785\ub2c8\ub2e4. \uc544\uc6b8\ub7ec How-Reload,\n\ud50c\ub7ec\uadf8\uc778, \ud14c\uc2a4\ud2b8 \ubc0f \ub9b4\ub9ac\uc2a4\n\ubaa8\ub4dc \ube4c\ub4dc\ub97c \uc77c\uad00\ub418\uac8c \uc9c0\uc6d0\ud558\uac8c \ud55c\ub2e4\uace0 \ud569\ub2c8\ub2e4. \ub610\ud55c, Material \ub514\uc790\uc778 \uc704\uc82f \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00, \uc774 \ubaa8\ub4e0 \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uc798 \uc791\ub3d9 \ud558\ub3c4\ub85d \ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud55c\ub2e4\uace0 \ud569\ub2c8\ub2e4. <\/p>\n\n\n\n

\ucc38\uace0\ub85c GitHub\uc758 Flutter \uacf5\uc2dd \ud398\uc774\uc9c0\uc758 WiKi\ub97c \ubc29\ubb38\ud558\uba74, Flutter\uc5d0\n\ub300\ud55c \uac01\uc885 \uae30\uc220\uc801 \uc790\ub8cc\uc640 \ud568\uaed8,\nFlutter for Web\uacfc \uac19\uc774 \uc2dc\ud5d8\uc801\uc73c\ub85c\n\ub9cc\ub4e4\uc5b4 \uc9c0\uace0 \uae30\ub2a5(experimental\nfeatures)\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc73c\ub2c8, \ucc38\uc870\ud558\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uc5ec\uae30\uc5d0\ub294 \uae30\uc874\niOS\/Android App\uc744\nFlutter\ub85c\n\ubcc0\ud658\ud558\uae30, dart:ffi\ub97c\n\ud1b5\ud55c native \ucf54\ub529, macOS Desktop \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744\nFlutter\ub85c\n\ub9cc\ub4dc\ub294 \ubc95 \ub4f1 \ub2e4\uc591\ud55c \uc2dc\ub3c4\ub4e4\uc774 \uc774\ub8e8\uc5b4 \uc9c0\uace0 \uc788\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\ub9c8\ubb34\ub9ac<\/h4>\n\n\n\n

Flutter for Web\uc740 \uc0b4\ud3b4\ubcf8 \uac83\ucc98\ub7fc \uacf5\uc2dd\uc801\uc73c\ub85c \uc54c\ub824\uc9c0\uae30 \uc2dc\uc791\ud55c \uae30\uac04\uc774 \ub9e4\uc6b0 \uc9e7\uc740 \uae30\uc220 \uc785\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, \ube60\ub978 \uc18d\ub3c4\ub85c Web \uac1c\ubc1c\uc790\ub4e4\uc758 \uad00\uc2ec\uc744 \ubaa8\uc73c\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 2020\ub144 \uc62c\ud574\ub294 \uae30\uc220\uc801\uc778 \ub3c4\uc57d\uc774 \ub9e4\uc6b0 \uae30\ub300\ub418\ub294 \ud55c\ud574\uac00 \ub420 \uac83\uc73c\ub85c \ubcf4\uc774\ubbc0\ub85c, \uacf5\uc2dd \ud648\ud398\uc774\uc9c0\ub97c \uc8fc\uae30\uc801\uc73c\ub85c \uc0b4\ud3b4\ubcf4\uba74\uc11c, \uc5b4\ub5a4 \ubcc0\ud654\uac00 \uc788\uc744\uc9c0 \uafb8\uc900\ud558\uac8c \ud30c\uc545\ud558\ub294 \uac83\uc774 \ud544\uc694\ud574 \ubcf4\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n

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

Creative Commons License\n(CC BY-NC-ND)<\/p>\n","protected":false},"excerpt":{"rendered":"

< Web \uac1c\ubc1c \u2013 Flutter for Web : History & Roadmap > 2019\ub144 5\uc6d4 7\uc77c, Google I\/O \ud589\uc0ac\uc5d0\uc11c, Flutter \ud300\uc740 Flutter \ud504\ub808\uc784\uc6cc\ud06c\uc758 \uc9c0\ud5a5\uc810\uc744 \uae30\uc874 \ubaa8\ubc14\uc77c\uc5d0\uc11c \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\ub4e4\ub85c \ud655\ub300\ud558\uaca0\ub2e4\ub294 \ubc1c\ud45c\ub97c \ud588\uc2b5\ub2c8\ub2e4 …<\/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,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[3],"tags":[15],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1080"}],"collection":[{"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/comments?post=1080"}],"version-history":[{"count":2,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1080\/revisions"}],"predecessor-version":[{"id":1293,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1080\/revisions\/1293"}],"wp:attachment":[{"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=1080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/categories?post=1080"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/tags?post=1080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}