{"id":1050,"date":"2020-09-28T09:00:06","date_gmt":"2020-09-28T00:00:06","guid":{"rendered":"http:\/\/mobilelab.khu.ac.kr\/?p=1050"},"modified":"2020-05-09T13:05:24","modified_gmt":"2020-05-09T04:05:24","slug":"dart-programmer-37","status":"publish","type":"post","link":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/09\/28\/dart-programmer-37\/","title":{"rendered":"Dart Programmer \ub418\uae30 [37]"},"content":{"rendered":"\n<h4>&lt; Web \uac1c\ubc1c &#8211; Development Environment &gt;<\/h4>\n\n\n\n<p>WebDev\ub294 Dart\ub85c Web \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uace0 \uc2e4\ud589\ud558\ub294 CLI \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc624\ud508\uc18c\uc2a4 \ucf54\ub4dc\ub294 GitHub( <a href=\"https:\/\/github.com\/dart-lang\/webdev\">https:\/\/github.com\/dart-lang\/webdev<\/a> )\uc5d0 \uacf5\uac1c \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.\nDart\uc640 Flutter\ub85c \uac1c\ubc1c\ub41c \ud328\ud0a4\uc9c0 \uc18c\ud504\ud2b8\uc6e8\uc5b4\ub4e4\uc744 \uad00\ub9ac\ud558\ub294 pub.dev( <a href=\"https:\/\/pub.dev\/packages\/webdev\">https:\/\/pub.dev\/packages\/webdev<\/a>\n)\ub97c \ud1b5\ud574\uc11c\ub3c4 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. <\/p>\n\n\n\n<p>WebDev\ub294 pub \uba85\ub839\uc744 \ud1b5\ud574\uc11c \uc124\uce58\uac00 \uc774\ub8e8\uc5b4 \uc9d1\ub2c8\ub2e4. Pub\ub294 Dart\/Flutter\uc758 \ud328\ud0a4\uc9c0 \uc18c\ud504\ud2b8\uc6e8\uc5b4\ub97c\n\ub2e4\ub8e8\ub294 \uba85\ub839\uc73c\ub85c, (\uc774 tutorial\uc744 \uc9c4\ud589\ud574 \uc628 \uacbd\uc6b0\ub294) Dart SDK\uc640 Flutter SDK\ub97c \uc124\uce58\ud558\uc600\uae30\uc5d0, \uc774\ubbf8 \ucef4\ud4e8\ud130\uc5d0 \uc124\uce58\ub418\uc5b4 \uc788\uc744 \uac81\ub2c8\ub2e4. \uc2e4\ud589\uc5ec\ubd80\ub97c Teminal\uc5d0\uc11c pub\ub97c \uc2e4\ud589\ud558\uc5ec \ud655\uc778 \ubc14\ub78d\ub2c8\ub2e4. Pub \uba85\ub839\uc5d0 \ub300\ud55c \uc790\uc138\ud55c \uc124\uba85\uc740 Dart \uacf5\uc2dd \ud648\ud398\uc774\uc9c0\uc758 The pub tool \uc0ac\uc774\ud2b8( <a href=\"https:\/\/dart.dev\/tools\/pub\/cmd\">https:\/\/dart.dev\/tools\/pub\/cmd<\/a> )\ub97c \ud1b5\ud574\uc11c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ucc38\uace0\ub85c Dart SDK\uc5d0 \ucd94\uac00\ub85c Flutter SDK\uac00 \uc124\uce58\ub41c \uacbd\uc6b0\ub294 \u201cpub \u2026\u201d \uba85\ub839\uc758 \uc218\ud589\uc774 \uc544\ub2cc \u201cflutter\npub \u2026\u201d \uba85\ub839\uc744 \uc218\ud589\ud558\ub3c4\ub85d Dart \uacf5\uc2dd \ud648\ud398\uc774\uc9c0( <a href=\"https:\/\/dart.dev\/tools\/pub\/cmd\">https:\/\/dart.dev\/tools\/pub\/cmd<\/a> )\uc5d0\uc11c \uac15\uc870\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc124\uce58\ub294 \uac04\ub2e8\ud569\ub2c8\ub2e4. \uc0ac\uc2e4 \uc124\uce58\uac00 \uc544\ub2c8\uace0 \ud65c\uc131\ud654\uac00 \ub9de\ub294 \ud45c\ud604\uc778\ub370, \uc704\uc5d0\uc11c \uc5b8\uae09\ud55c WebDev\uc758 GitHub \ud639\uc740 pub.dev \uc0ac\uc774\ud2b8\uc758 \uac00\uc774\ub4dc\ub77c\uc778\uc5d0 \ub9de\ucdb0\uc11c install\uc744 \ud569\ub2c8\ub2e4. \uc544\ub9c8\ub3c4 \ub2e4\uc74c\uacfc \uac19\uc740 \uba85\ub839\uc5b4 \ud55c \uc904\uc774 \uc788\uc744 \uac81\ub2c8\ub2e4. \uc2e4\ud589 \ud6c4 \ud654\uba74\uc758 \uba54\uc2dc\uc9c0\uc5d0 \ub530\ub77c\uc11c, \uc6b4\uc601\uccb4\uc81c\uc758 path \uc124\uc815 \ub4f1\uc744 \uc694\uad6c\ud560 \uc218 \uc788\uc73c\ub2c8, \uc774 \ubd80\ubd84\uae4c\uc9c0 \ub9c8\uce58\uba74 \ub429\ub2c8\ub2e4. \uc2e4\ud589\ud558\ub294 \ubd80\ubd84\uc5d0 \ub300\ud574\uc11c\ub294 \ucd94\ud6c4 \uc124\uba85\ud558\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>flutter pub global activate webdev<\/p>\n\n\n\n<p>\ub2e4\uc74c\uc73c\ub85c \uc124\uce58\ud560 \ub3c4\uad6c\ub294 Stagehand \uc785\ub2c8\ub2e4. \uc77c\uba85 \u201cDart project\ngenerator\u201d \uc785\ub2c8\ub2e4. \uc55e\uc11c MS Visual Code\uc5d0\uc11c \ucc98\uc74c \ub9cc\ub4dc\ub294 Flutter \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uba74, \uac1c\ubc1c\uc790\uac00 \uc9d1\uc911\ud574\uc57c \ud558\ub294 \ubd80\ubd84 \uc678\uc758 \ud654\uc77c\ub4e4\uc744 \uc790\ub3d9\uc73c\ub85c \ub9cc\ub4e4\uc5b4 \uc92c\uc2b5\ub2c8\ub2e4. Stagehand\ub294 Web\uc744 \uac1c\ubc1c\ud558\uae30 \uc704\ud558\uc5ec \ud544\uc694\ud55c \ud654\uc77c\ub4e4(template)\uc744 \uc790\ub3d9\uc73c\ub85c \ub9cc\ub4e4\uc5b4 \uc8fc\ub294 \uc5ed\ud560\uc744\n\uc218\ud589\ud558\ub294 CLI \ud504\ub85c\uadf8\ub7a8 \uc785\ub2c8\ub2e4. Stagehand\uc758 \uc18c\uc2a4 \ucf54\ub4dc\ub294 GitHub( <a href=\"https:\/\/github.com\/dart-lang\/stagehand\">https:\/\/github.com\/dart-lang\/stagehand<\/a>\n)\uc5d0\uc11c \ud655\uc778 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 WebDev\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c pub.dev \uc0ac\uc774\ud2b8( <a href=\"https:\/\/pub.dev\/packages\/stagehand\">https:\/\/pub.dev\/packages\/stagehand<\/a> )\uc5d0\uc11c \uad00\ub9ac\ub97c \ud558\ub294 \ud328\ud0a4\uc9c0 \uc785\ub2c8\ub2e4. &nbsp;<\/p>\n\n\n\n<p>\uc124\uce58\ub294 pub \uba85\ub839\uc73c\ub85c WebDev \ucc98\ub7fc \uac04\ub2e8\ud558\uac8c \uc774\ub8e8\uc5b4 \uc9c0\uba70, \uc544\ub798\uc758 \uba85\ub839\uc744 \uc2e4\ud589\ud558\uba74 \ub429\ub2c8\ub2e4. WebDev\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c \uc2e4\ud589\ud558\ub294 \ubd80\ubd84\uc5d0 \ub300\ud574\uc11c\ub294 \ucd94\ud6c4 \uc124\uba85\ud558\ub3c4\ub85d \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>flutter pub global activate stagehand<\/p>\n\n\n\n<p>Stagehand\ub294 \ub2e4\uc591\ud55c \uc720\ud615\uc758 Web \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \ub300\ud55c template\uc744 \uc9c0\uc6d0\ud558\ub294\ub370, \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>console-simple&nbsp;\u2013 \uac04\ub2e8\ud55c CLI \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158<\/li><li>console-full&nbsp;\u2013 CLI \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158 \uc608\uc81c<\/li><li>package-simple&nbsp;\u2013 Dart \ub77c\uc774\ube0c\ub7ec\ub9ac \ud639\uc740 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158<\/li><li>server-shelf&nbsp;\u2013 Shelf \ud328\ud0a4\uc9c0 \uae30\ubc18 Web Server<\/li><li>web-angular&nbsp;\u2013 Material \ub514\uc790\uc778 \ucef4\ud37c\ub10c\ud2b8 \uae30\ubc18 Web \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158<\/li><li>web-simple&nbsp;\u2013 Dart\uc758 \ucf54\uc5b4 \ub77c\uc774\ube0c\ub7ec\ub9ac \uae30\ubc18 Web \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158<\/li><li>web-stagexl&nbsp;\u2013 2D \uc560\ub2c8\uba54\uc774\uc158\uacfc \uac8c\uc784\uc744 \uc704\ud55c Web \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158<\/li><\/ul>\n\n\n\n<p>\uc774\uc81c WebDev\uc640 Stagehand\uac00 \uc81c\ub300\ub85c \uc124\uce58\ub418\uc5c8\ub294\uc9c0, \ud655\uc778\ud574 \ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. \uba3c\uc800, \uc791\uc5c5\uc744 \uc218\ud589\ud560 \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud55c \ud6c4, \uc544\ub798\uc758 \uba85\ub839\uc744 \uc21c\ucc28\uc801\uc73c\ub85c \uc2e4\ud589\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>stagehand web-simple<br>pub get<br>webdev serve<\/p>\n\n\n\n<p>\uccab\ubc88\uc9f8\uc640 \ub450\ubc88\uc9f8 \uba85\ub839\uc758 \uc2e4\ud589\uc2dc \ud654\uba74\uc5d0 \uc5d0\ub7ec \uba54\uc2dc\uc9c0\uac00 \ub098\uc624\uba74, \uc774\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud55c \uc791\uc5c5\uc744 \uc218\ud589\ud558\uae30 \ubc14\ub78d\ub2c8\ub2e4. <\/p>\n\n\n\n<p>\uc138\ubc88\uc9f8 \uba85\ub839\uc744 \uc218\ud589\ud558\uba74, [\uadf8\ub9bc 1]\uacfc \uac19\uc774 \ud654\uba74 \ucd9c\ub825\uc774 \uc774\ub8e8\uc5b4\uc9c0\uace0, \ud504\ub85c\uadf8\ub7a8\uc774 \uba48\ucdb0\uc788\ub294 \uac83\ucc98\ub7fc \ubcf4\uc785\ub2c8\ub2e4. \ud504\ub85c\uadf8\ub7a8\uc740 \uc815\uc0c1\uc801\uc73c\ub85c \uc218\ud589\ud558\uace0 \uc788\ub294 \uac83\uc774\uba70, \uc55e\uc11c Stagehand\ub85c \ub9cc\ub4e0 \uc608\uc81c Web \uc0ac\uc774\ud2b8\ub97c WebDev \uba85\ub839\uc774 \uc2e4\ud589\ud558\uace0 \uc788\ub294 \uc0c1\ud0dc\uc785\ub2c8\ub2e4. \uc774\ub54c, \ubcc4\ub3c4\uc758 \uc6f9 \ube0c\ub77c\uc6b0\uc800\ub97c \uad6c\ub3d9\ud558\uc5ec, WebDev\uac00 \uad6c\ub3d9\uc911\uc778 \uc6f9 \uc11c\ubc84\uc5d0 \uc811\uc18d\ud574 \ubd05\ub2c8\ub2e4. \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc811\uc18d\ud560 \uc6f9 \uc8fc\uc18c\ub294 [\uadf8\ub9bc 1]\uc758 \uc138\ubc88\uc9f8 \uc904\uc5d0 \uc788\ub294 <a href=\"http:\/\/127.0.0.1:8080\">http:\/\/127.0.0.1:8080<\/a> \uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"840\" height=\"186\" src=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1100\u1173\u1105\u1175\u11b71.png\" alt=\"\" class=\"wp-image-1054\" srcset=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1100\u1173\u1105\u1175\u11b71.png 840w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1100\u1173\u1105\u1175\u11b71-300x66.png 300w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1100\u1173\u1105\u1175\u11b71-768x170.png 768w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1100\u1173\u1105\u1175\u11b71-480x106.png 480w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><figcaption>[\uadf8\ub9bc 1] WebDev \uba85\ub839 \uc2e4\ud589 \ud654\uba74<\/figcaption><\/figure>\n\n\n\n<p>\uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c [\uadf8\ub9bc 2]\uc640 \uac19\uc774 \ud654\uba74\uc774 \ub098\ud0c0\ub098\uba74, \ub450\uac1c\uc758 \ud504\ub85c\uadf8\ub7a8\uc740 \uc131\uacf5\uc801\uc73c\ub85c \uc124\uce58\ub41c \uac83 \uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"677\" src=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-04-29-\u110b\u1169\u1112\u116e-4.24.41-1024x677.png\" alt=\"\" class=\"wp-image-1055\" srcset=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-04-29-\u110b\u1169\u1112\u116e-4.24.41-1024x677.png 1024w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-04-29-\u110b\u1169\u1112\u116e-4.24.41-300x198.png 300w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-04-29-\u110b\u1169\u1112\u116e-4.24.41-768x507.png 768w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-04-29-\u110b\u1169\u1112\u116e-4.24.41-480x317.png 480w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-04-29-\u110b\u1169\u1112\u116e-4.24.41.png 1474w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>[\uadf8\ub9bc 2] WebDev\uac00 \uc2e4\ud589 \uc911\uc778 \uc6f9 \uc11c\ubc84\uc5d0 \uc6f9 \ube0c\ub77c\uc6b0\uc800\ub85c \uc811\uc18d\ud55c \ud654\uba74<\/figcaption><\/figure>\n\n\n\n<p>\uc2e4\ud589 \uc911\uc778 \uc6f9 \uc11c\ubc84\ub97c \uba48\ucd94\uace0 \uc2f6\uc73c\uba74, WebDev\ub97c \uc2e4\ud589\ud55c \ud130\ubbf8\ub0a0\uc5d0\uc11c Ctrl-c\ub97c \ud0c0\uc774\ud551 \ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ubb34\uc2a8 \uc77c\uc774 \uc774\ub8e8\uc5b4 \uc9c4 \uac74\uac00\uc694? \uc0ac\uc2e4 \ub9e4\uc6b0 \uac04\ub2e8\ud569\ub2c8\ub2e4. \uba3c\uc800, \uc791\uc5c5 \uc911\uc778 \ub514\ub809\ud1a0\ub9ac\uc758 \ud654\uc77c\ub4e4 \uc911 \/web \uc11c\ube0c \ub514\ub809\ud1a0\ub9ac\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \ud654\uc77c\ub4e4\uc744 \ubcf4\uba74, 4\uac1c\uc758 \ud654\uc77c\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\uac00 \uc120\ud0dd\ud55c \uc635\uc158\uc740 web-simple\n\uc785\ub2c8\ub2e4. \uc989, Dart \uc5b8\uc5b4\ub85c \ub9cc\ub4e0 \uc6f9\uc0ac\uc774\ud2b8 \uc785\ub2c8\ub2e4. \ub530\ub77c\uc11c main.dart \ud654\uc77c\uc774 \uc788\uc73c\uba70, \uc5f4\uc5b4\ubcf4\uba74 HTML \ud654\uc77c\uc758 #output \uc2dd\ubcc4\uc790 \ubd80\ubd84\uc758 \ubb38\uc7a5(.text)\uc744 \u201cYour Dart app is\nrunning.\u201d\uc73c\ub85c \ubc14\uafb8\ub77c\ub294 \uc2e4\ud589 \uad6c\ubb38\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\uace0 Dart\uc758 \ucf54\uc5b4 \ubb38\ubc95\ub9cc \uc0ac\uc6a9\ud558\ubbc0\ub85c, import \ub418\ub294 \ud328\ud0a4\uc9c0\ub294 dart:html \uc785\ub2c8\ub2e4. \ud639\uc2dc JavaScript\ub97c \ub2e4\ub8f0\uc904 \uc544\ub294 \uac1c\ubc1c\uc790\ub77c\uba74, \uc774 \ud654\uc77c\uc774 \uae30\uc874 JavaScript\n\ud654\uc77c\uc744 \ub300\uccb4\ud558\ub294 \uc6a9\ub3c4\uc785\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc6f9 \uc0ac\uc774\ud2b8\uc758 \uac00\uc7a5 \uae30\ucd08\uac00 \ub418\ub294 index.html \uba54\uc77c \ud398\uc774\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc5f4\uc5b4\ubcf4\uba74, body \ubd80\ubd84\uc5d0 #output \uc2dd\ubcc4\uc790 \ud558\ub098\ub9cc \uc815\uc758\ud558\uace0, \ub0b4\uc6a9\uc740 \ube48\uce78\uc784\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\uace0 head\uc758 script\uc5d0 main.dart.js\ub97c \ud3ec\ud568\ud558\ub3c4\ub85d \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc11c .js\ub294 JavaScript\ub97c \uc758\ubbf8\ud558\uba70, \ucd94\ud6c4 \uc774\uc5d0 \ub300\ud55c \uc124\uba85\uc774 \uc788\uc744 \uac81\ub2c8\ub2e4. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \uae30\ubcf8 \ubaa8\uc591\uc744 \uc815\uc758\ud558\ub294 css \ud654\uc77c\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc758 tab\uc5d0\uc11c \uc774 \uc0ac\uc774\ud2b8\ub97c \ud45c\ud604\ud560 \uc544\uc774\ucf58\uc778 favicon\uc774 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<p>Stagehand\ub294 \uc774\ub807\uac8c \uc6f9 \uc0ac\uc774\ud2b8\uc758 \uac00\uc7a5 \uae30\ucd08\uac00\n\ub418\ub294 \ud654\uc77c\ub4e4\uc744 \uc694\uad6c\ud55c template\uc5d0 \ub9de\ucdb0\uc11c \ub9cc\ub4e4\uc5b4 \uc90d\ub2c8\ub2e4. WebDev\ub294 \uc774\ub807\uac8c \ub9cc\ub4e4\uc5b4\uc9c4 \ucee8\ud150\uce20\ub97c \ud1a0\ub300\ub85c\n\uc6f9 \uc11c\ubc84\ub97c \uad6c\ub3d9\ud558\ub294 \ud504\ub85c\uadf8\ub7a8 \uc785\ub2c8\ub2e4. \uc678\ubd80\ub85c \ubd80\ud130\uc758 HTTP \uc694\uccad\uc744 \ubc1b\uc544 \ucee8\ud150\uce20\ub97c \uc81c\uacf5\ud558\ub294 \uae30\ub2a5\uc744\n\uc81c\uacf5\ud569\ub2c8\ub2e4. WebDev\uac00 \uc788\uc5b4\uc11c, \ub9cc\ub4e0 \ucf58\ud150\uce20\ub97c \ubcc4\ub3c4\uc758 \uc6f9\uc11c\ubc84 \ud504\ub85c\uadf8\ub7a8\uc744\n\uc0ac\uc6a9\ud558\uc9c0 \uc54a\uc544\ub3c4 \ud3b8\ud558\uac8c \uc2e4\ud589\ud574 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\/web \ub514\ub809\ud1a0\ub9ac\ub97c \ub098\uc640\uc11c \uc0c8\ub85c \ub9cc\ub4e0 \ud504\ub85c\uc81d\ud2b8\uc758\nroot \ub514\ub809\ud1a0\ub9ac\ub85c \uc624\uba74, \ud655\uc7a5\uc790\uac00 .md\uc778 \ud654\uc77c\ub4e4\uc774 \uc788\uc73c\uba74, \uc774\ub4e4\uc740 Stagehand\ub85c \ub9cc\ub4e0 \ud654\uc77c\uc774\ub77c\ub294 \ud0dc\uadf8\uc640 \ub77c\uc774\uc13c\uc2a4, \uadf8\ub9ac\uace0 \ubcc0\uacbd \ub85c\uadf8 \ub4f1\uc744 \uc800\uc7a5\ud569\ub2c8\ub2e4. \uadf8\uc678\uc758 .yaml\uacfc .lock \ud654\uc77c\uc740, \uc6b0\ub9ac\uac00 \uc0c8\ub86d\uac8c \ub9cc\ub4e0 \ud654\uc77c\uc744 \uc2e4\ud589\ud558\uae30\n\uc704\ud558\uc5ec \ud544\uc694\ud55c \ud504\ub85c\uadf8\ub7a8\ub4e4\uacfc \ud658\uacbd\uc124\uc815 \ub4f1\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h4>\ub9c8\ubb34\ub9ac<\/h4>\n\n\n\n<p>\uc774\ubc88 \uae00\uc5d0\uc11c Dart\uc640 Flutter\ub85c Web\uc744 \uad6c\ud604\ud558\uae30 \uc704\ud55c \uac1c\ubc1c \ud658\uacbd\uc740 \ub9c8\ucce4\uc2b5\ub2c8\ub2e4. \uc774\uc81c Web \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc5b4\ub5bb\uac8c Dart\uc640 Flutter\ub97c \ud1b5\ud574\uc11c \uac1c\ubc1c\ud558\ub294\uc9c0 \ud558\ub098 \ud558\ub098 \uc54c\uc544\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/01\/b05-1.jpg\" alt=\"\" class=\"wp-image-267\" width=\"139\" height=\"50\"\/><\/figure><\/div>\n\n\n\n<p>Creative Commons License (CC BY-NC-ND)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt; Web \uac1c\ubc1c &#8211; Development Environment &gt; WebDev\ub294 Dart\ub85c Web \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4\uace0 \uc2e4\ud589\ud558\ub294 CLI \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc624\ud508\uc18c\uc2a4 \ucf54\ub4dc\ub294 GitHub( https:\/\/github.com\/dart-lang\/webdev )\uc5d0 \uacf5\uac1c \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. Dart\uc640 Flutter\ub85c \uac1c\ubc1c\ub41c \ud328\ud0a4\uc9c0 \uc18c\ud504\ud2b8\uc6e8\uc5b4\ub4e4\uc744 \uad00\ub9ac\ud558\ub294 pub.dev( &#8230;<\/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\/1050"}],"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=1050"}],"version-history":[{"count":6,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1050\/revisions"}],"predecessor-version":[{"id":1156,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/1050\/revisions\/1156"}],"wp:attachment":[{"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=1050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/categories?post=1050"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/tags?post=1050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}