Dart\ub294 \uad6c\uae00\uc774 \uac1c\ubc1c\ud55c \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\ub85c, \uc8fc\ub85c \ubaa8\ubc14\uc77c \ubc0f \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. Dart\ub294 \ub2e4\uc591\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc81c\uacf5\ud558\uc5ec \uac1c\ubc1c\uc790\ub4e4\uc774 \ud6a8\uc728\uc801\uc73c\ub85c \uc18c\ud504\ud2b8\uc6e8\uc5b4\ub97c \uac1c\ubc1c\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Dart\uc758 \uc8fc\uc694 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ud504\ub808\uc784\uc6cc\ud06c\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
Dart\uc758 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \uae30\ub2a5 \ub2e8\uc704\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc73c\uba70, \ud2b9\uc815 \uc791\uc5c5\uc744 \uc27d\uac8c \uc218\ud589\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4. Dart SDK\uc5d0 \ud3ec\ud568\ub41c \uae30\ubcf8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \uc5ec\ub7ec \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uba70, \ub610\ud55c pub.dev\ub97c \ud1b5\ud574 \ub2e4\uc591\ud55c \uc11c\ub4dc\ud30c\ud2f0 \ud328\ud0a4\uc9c0\ub97c \ucd94\uac00\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
dart:core<\/code>: \ubaa8\ub4e0 Dart \ud504\ub85c\uadf8\ub7a8\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294 \uae30\ubcf8 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub85c, \uc22b\uc790, \ubb38\uc790\uc5f4, \ub9ac\uc2a4\ud2b8, \ub9f5 \ub4f1\uacfc \uac19\uc740 \uae30\ubcf8 \ub370\uc774\ud130 \ud0c0\uc785\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/li>\ndart:async<\/code>: \ube44\ub3d9\uae30 \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uc9c0\uc6d0\ud558\uba70, Future \ubc0f Stream \ud074\ub798\uc2a4\ub97c \ud1b5\ud574 \ube44\ub3d9\uae30 \uc791\uc5c5\uc744 \uad00\ub9ac\ud569\ub2c8\ub2e4.<\/li>\ndart:convert<\/code>: JSON\uacfc \uac19\uc740 \ub370\uc774\ud130 \ud3ec\ub9f7\uc744 \uc9c1\ub82c\ud654\ud558\uace0 \uc5ed\uc9c1\ub82c\ud654\ud558\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\ndart:html<\/code>: \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \ud544\uc694\ud55c HTML \ubc0f DOM manipulations\uc744 \uc704\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\uc785\ub2c8\ub2e4.<\/li>\ndart:io<\/code>: \ub124\ud2b8\uc6cc\ud06c, \ud30c\uc77c \uc2dc\uc2a4\ud15c\uacfc\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \uc81c\uacf5\ud558\uba70, \uc11c\ubc84 \uc0ac\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uc8fc\ub85c \uc0ac\uc6a9\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\nDart \ud504\ub808\uc784\uc6cc\ud06c \uc18c\uac1c<\/h2>\n
Dart\ub294 \uc5ec\ub7ec \ud504\ub808\uc784\uc6cc\ud06c\uc640 \ud568\uaed8 \uc0ac\uc6a9\ub420 \uc218 \uc788\uc73c\uba70, \uadf8 \uc911\uc5d0\uc11c\ub3c4 Flutter\uac00 \uac00\uc7a5 \uc720\uba85\ud569\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uc774 \uc678\uc5d0\ub3c4 \ub2e4\uc591\ud55c \uc624\ud508\uc18c\uc2a4 \ud504\ub808\uc784\uc6cc\ud06c\uac00 \uc874\uc7ac\ud569\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 Dart\uc758 \uc8fc\uc694 \ud504\ub808\uc784\uc6cc\ud06c \uba87 \uac00\uc9c0\ub97c \uc18c\uac1c\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
1. Flutter<\/h3>\n
Flutter\ub294 \uad6c\uae00\uc774 \uac1c\ubc1c\ud55c UI \ud234\ud0b7\uc73c\ub85c, Dart\ub85c \uc791\uc131\ub41c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 iOS, Android \ubc0f \uc6f9 \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uac1c\ubc1c\ud560 \uc218 \uc788\uac8c \ub3c4\uc640\uc90d\ub2c8\ub2e4. Flutter\ub294 \ub2e8\uc77c \ucf54\ub4dc\ubca0\uc774\uc2a4\ub85c \uc5ec\ub7ec \ud50c\ub7ab\ud3fc\uc5d0 \ubc30\ud3ec\ud560 \uc218 \uc788\ub2e4\ub294 \uc7a5\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 Flutter\ub97c \uc0ac\uc6a9\ud55c \uae30\ubcf8 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uc0dd\uc131 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n
import 'package:flutter\/material.dart';\n\nvoid main() => runApp(MyApp());\n\nclass MyApp extends StatelessWidget {\n @override\n Widget build(BuildContext context) {\n return MaterialApp(\n home: Scaffold(\n appBar: AppBar(title: Text('Flutter Example')),\n body: Center(child: Text('Hello, Flutter!')),\n ),\n );\n }\n}\n<\/code><\/pre>\n2. AngularDart<\/h3>\n
AngularDart\ub294 Angular \ud504\ub808\uc784\uc6cc\ud06c\uc758 Dart \ubc84\uc804\uc73c\ub85c, \uad6c\uc870\ud654\ub418\uace0 \uc720\uc9c0 \ubcf4\uc218\ud558\uae30 \uc26c\uc6b4 \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \ub2e4\uc74c\uc740 AngularDart\ub97c \uc0ac\uc6a9\ud55c \uae30\ubcf8 \ucef4\ud3ec\ub10c\ud2b8 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n
import 'package:angular\/angular.dart';\n\n@Component(\n selector: 'my-app',\n template: 'Hello, AngularDart!<\/h1>',\n)\nclass AppComponent {}\n<\/code><\/pre>\n3. Aqueduct<\/h3>\n
Aqueduct\ub294 Dart \uae30\ubc18\uc758 \uc11c\ubc84 \uc0ac\uc774\ub4dc \ud504\ub808\uc784\uc6cc\ud06c\ub85c, RESTful API\ub97c \uc27d\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\uac8c \ub3c4\uc640\uc90d\ub2c8\ub2e4. Aqueduct\ub294 ORM\uacfc Authentication \uae30\ub2a5\uc744 \ub0b4\uc7a5\ud558\uace0 \uc788\uc5b4 \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc640\uc758 \uc0c1\ud638\uc791\uc6a9\uc774 \uc6a9\uc774\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 Aqueduct\ub97c \uc0ac\uc6a9\ud55c \uac04\ub2e8\ud55c REST API \uc11c\ubc84 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n
import 'package:aqueduct\/aqueduct.dart';\n\nclass Channel extends ApplicationChannel {\n @override\n Future prepare() async {\n \/\/ \ucd08\uae30\ud654 \ucf54\ub4dc\n }\n\n @override\n Controller get entryPoint {\n final router = Router();\n router.route('\/example').linkFunction((request) async {\n return Response.ok('Hello, Aqueduct!');\n });\n return router;\n }\n}\n<\/code><\/pre>\n4. shelf<\/h3>\n
Shelf\ub294 Dart\uc758 \ubbf8\ub4e4\uc6e8\uc5b4 \ud504\ub808\uc784\uc6cc\ud06c\ub85c, HTTP \uc11c\ubc84\ub97c \uad6c\uc131\ud558\ub294 \ub370 \ud544\uc694\ud55c \uae30\ubcf8 \uac1c\ub150\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. Shelf\ub97c \uc0ac\uc6a9\ud558\uba74 \uae30\ub2a5\uc744 \ud50c\ub7ec\uadf8\uc778 \ubc29\uc2dd\uc73c\ub85c \ucd94\uac00\ud558\ub294 \uac83\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 Shelf\ub97c \uc0ac\uc6a9\ud55c \uac04\ub2e8\ud55c HTTP \uc11c\ubc84 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n
import 'package:shelf\/shelf.dart';\nimport 'package:shelf\/shelf.dart';\nimport 'package:shelf\/shelf_io.dart' as shelf_io;\n\nvoid main() async {\n final handler = const Pipeline()\n .addMiddleware(logRequests())\n .addHandler((Request request) {\n return Response.ok('Hello, Shelf!');\n });\n\n final server = await shelf_io.serve(handler, 'localhost', 8080);\n print('Serving at http:\/\/${server.address.host}:${server.port}');\n}\n<\/code><\/pre>\nHTTP \ub77c\uc774\ube0c\ub7ec\ub9ac<\/h2>\n
Dart\uc758 http<\/code> \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 HTTP \uc694\uccad\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud574 \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. Flutter\uc640 \uac19\uc740 \ubaa8\ubc14\uc77c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c RESTful API\uc640 \ud1b5\uc2e0\ud558\ub294 \ub370 \uc720\uc6a9\ud569\ub2c8\ub2e4. \uc544\ub798\ub294 GET \uc694\uccad \ubc0f POST \uc694\uccad\uc744 \ucc98\ub9ac\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\nGET \uc694\uccad<\/h3>\nimport 'package:http\/http.dart' as http;\n\nFuture fetchPost() async {\n final response = await http.get(Uri.parse('https:\/\/jsonplaceholder.typicode.com\/posts\/1'));\n\n if (response.statusCode == 200) {\n print('Response body: ${response.body}');\n } else {\n throw Exception('Failed to load post');\n }\n}\n<\/void><\/code><\/pre>\nPOST \uc694\uccad<\/h3>\nFuture createPost() async {\n final response = await http.post(\n Uri.parse('https:\/\/jsonplaceholder.typicode.com\/posts'),\n headers: {\n 'Content-Type': 'application\/json; charset=UTF-8',\n },\n body: jsonEncode({\n 'title': 'New Post',\n 'body': 'This is the body of the new post',\n 'userId': '1',\n }),\n );\n\n if (response.statusCode == 201) {\n print('Post created: ${response.body}');\n } else {\n throw Exception('Failed to create post');\n }\n}\n<\/string,><\/string,><\/void><\/code><\/pre>\nRouting \ub77c\uc774\ube0c\ub7ec\ub9ac<\/h2>\n
Dart\uc640 Flutter\uc758 \ub77c\uc6b0\ud305\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub0b4\uc5d0\uc11c \ub2e4\ub978 \ud398\uc774\uc9c0\ub85c \ub124\ube44\uac8c\uc774\uc158\ud558\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ub77c\uc6b0\ud305\uc744 \ucc98\ub9ac\ud558\ub294 \uc5ec\ub7ec \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70, \uadf8 \uc911 fluro<\/code>\uac00 \uc778\uae30\uac00 \ub9ce\uc2b5\ub2c8\ub2e4.<\/p>\nFluro \ub77c\uc774\ube0c\ub7ec\ub9ac \uc608\uc81c<\/h3>\nimport 'package:fluro\/fluro.dart';\nimport 'package:flutter\/material.dart';\n\nclass MyRouter {\n static final FluroRouter router = FluroRouter();\n\n static void setupRouter() {\n router.define('\/home', handler: Handler(handlerFunc: (BuildContext? context, Map> parameters) {\n return HomeScreen();\n }));\n\n router.define('\/detail\/:id', handler: Handler(handlerFunc: (BuildContext? context, Map> parameters) {\n return DetailScreen(id: parameters['id']!.first);\n }));\n }\n}\n<\/string,><\/string,><\/code><\/pre>\n\uacb0\ub860<\/h2>\n
Dart\ub294 \ub2e4\uc591\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \ud1b5\ud574 \uac15\ub825\ud55c \uac1c\ubc1c \ud658\uacbd\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Dart\uc758 \uc8fc\uc694 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc18c\uac1c\ud558\uace0, HTTP \ubc0f \ub77c\uc6b0\ud305 \ucc98\ub9ac\uc5d0 \uad00\ud55c \uc608\uc81c\ub97c \uc81c\uacf5\ud588\uc2b5\ub2c8\ub2e4. Dart\ub97c \ud1b5\ud574 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \ub54c \uc774\ub7ec\ud55c \ub3c4\uad6c\ub4e4\uc744 \ud65c\uc6a9\ud558\uc5ec \ub354\uc6b1 \ud6a8\uc728\uc801\uc774\uace0 \uc0dd\uc0b0\uc801\uc778 \uac1c\ubc1c\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"