\n \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 Flutter\uc5d0\uc11c \n \n \n \n \n \uc774\uc81c \uc6b0\ub9ac\uac00 \uc0dd\uc131\ud55c \n \n \ube44\ub3d9\uae30 \uc791\uc5c5\uc5d0\uc11c \uc624\ub958\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c, \n \uc774\uc81c\uae4c\uc9c0 \ubc30\uc6b4 \ub0b4\uc6a9\uc744 \ubc14\ud0d5\uc73c\ub85c \uc804\uccb4 \uc608\uc81c\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \uc608\uc81c\ub294 \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \uac00\uc838\uc624\ub294 API\ub97c \ud638\ucd9c\ud558\uace0, \uc774\ub97c \ud654\uba74\uc5d0 \ucd9c\ub825\ud558\ub294 Flutter \uc571\uc785\ub2c8\ub2e4.\n <\/p>\n \n \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 Flutter\uc5d0\uc11c Future<\/code>\ub97c \uc0dd\uc131\ud558\uace0 \ucd9c\ub825\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc0c1\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4. Future<\/code>\ub294 Dart\uc758 \ube44\ub3d9\uae30 \ud504\ub85c\uadf8\ub798\ubc0d\uc744 \uc704\ud55c \ud575\uc2ec \uac1c\ub150\uc73c\ub85c, \ube44\ub3d9\uae30 \uc791\uc5c5\uc774 \uc644\ub8cc\ub420 \ub54c \uac12\uc774\ub098 \uc624\ub958\ub97c \ubc18\ud658\ud558\ub294 \uac1d\uccb4\uc785\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc6b0\ub9ac\ub294 UI\ub97c \ube14\ub85c\ud0b9\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc2dc\uac04\uc774 \uc624\ub798 \uac78\ub9ac\ub294 \uc791\uc5c5\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n1. Future\ub780?<\/h2>\n
Future<\/code>\ub294 \ube44\ub3d9\uae30 \ud504\ub85c\uadf8\ub798\ubc0d\uc5d0\uc11c \ubbf8\ub798\uc758 \uacb0\uacfc\ub97c \ub098\ud0c0\ub0b4\ub294 \uac1d\uccb4\ub85c, \ube44\ub3d9\uae30 \uc791\uc5c5\uc774 \uc644\ub8cc\ub420 \ub54c\uae4c\uc9c0 \uae30\ub2e4\ub838\ub2e4\uac00 \uacb0\uacfc\ub97c \ubc1b\uc744 \uc218 \uc788\uac8c \ud574\uc90d\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, HTTP \uc694\uccad\uc744 \ud1b5\ud574 \ub370\uc774\ud130\ub97c \ubc1b\uc544\uc624\ub294 \uacbd\uc6b0, \uc694\uccad\uc774 \ub05d\ub0a0 \ub54c\uae4c\uc9c0 \uae30\ub2e4\ub9ac\uc9c0 \uc54a\uace0 \ub2e4\ub978 UI \uc791\uc5c5\uc744 \uc9c4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n1.1 Future\uc758 \uc0c1\ud0dc<\/h3>\n
\n
2. Future \uc0dd\uc131\ud558\uae30<\/h2>\n
Future<\/code>\ub97c \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\uc740 \ud06c\uac8c \ub450 \uac00\uc9c0\uc785\ub2c8\ub2e4. \uccab \ubc88\uc9f8\ub294 \ub0b4\uc7a5 \uba54\uc18c\ub4dc\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774\uace0, \ub450 \ubc88\uc9f8\ub294 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud568\uc218\ub97c \ud1b5\ud574 \uc0dd\uc131\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.\n <\/p>\n2.1 \ub0b4\uc7a5 \uba54\uc18c\ub4dc \uc0ac\uc6a9\ud558\uae30<\/h3>\n
Future.delayed<\/code> \uba54\uc18c\ub4dc\ub97c \ud1b5\ud574 \uc77c\uc815 \uc2dc\uac04 \ud6c4\uc5d0 \uc791\uc5c5\uc774 \uc644\ub8cc\ub418\ub294 Future<\/code> \uac1d\uccb4\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 2\ucd08 \ud6c4\uc5d0 \uba54\uc2dc\uc9c0\ub97c \ubc18\ud658\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.\n <\/p>\nFuture2.2 \uc0ac\uc6a9\uc790 \uc815\uc758 \ud568\uc218 \ub9cc\ub4e4\uae30<\/h3>\n
Future<\/code>\ub97c \ubc18\ud658\ud558\ub294 \ud568\uc218\ub97c \uc9c1\uc811 \ub9cc\ub4e4\uc5b4 \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub098 API \uc694\uccad\uc744 \ucc98\ub9ac\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, API\uc5d0\uc11c \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \uac00\uc838\uc624\ub294 \ud568\uc218\ub97c \uc0dd\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\nFuture3. Future \ucd9c\ub825\ud558\uae30<\/h2>\n
Future<\/code> \uac1d\uccb4\uc758 \uac12\uc744 Flutter \uc571\uc5d0\uc11c \ucd9c\ub825\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 FutureBuilder<\/code> \uc704\uc82f\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. FutureBuilder<\/code>\ub294 Future<\/code>\uc758 \uc0c1\ud0dc\uc5d0 \ub530\ub77c UI\ub97c \ub3d9\uc801\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ud574 \uc90d\ub2c8\ub2e4.\n <\/p>\n3.1 FutureBuilder \uc0ac\uc6a9\ud558\uae30<\/h3>\n
FutureBuilder<\/code>\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 future<\/code>\uc640 builder<\/code> \ub9e4\uac1c\ubcc0\uc218\ub97c \uc815\uc758\ud574\uc57c \ud569\ub2c8\ub2e4. future<\/code>\uc5d0\ub294 \ube44\ub3d9\uae30 \uc791\uc5c5\uc744 \uc218\ud589\ud560 Future<\/code> \uac1d\uccb4\ub97c \uc9c0\uc815\ud558\uace0, builder<\/code>\ub294 \ube44\ub3d9\uae30 \uc791\uc5c5\uc758 \uc0c1\ud0dc\uc5d0 \ub530\ub77c UI\ub97c \uad6c\uc131\ud558\ub294 \ud568\uc218\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.\n <\/p>\nclass UserProfile extends StatelessWidget {\n final int userId;\n UserProfile(this.userId);\n \n @override\n Widget build(BuildContext context) {\n return FutureBuilder3.2 \uc608\uc678 \ucc98\ub9ac<\/h3>\n
FutureBuilder<\/code>\uc5d0\uc11c snapshot.hasError<\/code>\ub97c \uc0ac\uc6a9\ud574 \uc624\ub958\ub97c \ucc98\ub9ac\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \uc62c\ubc14\ub978 \uc608\uc678 \ucc98\ub9ac\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uba85\ud655\ud55c \ud53c\ub4dc\ubc31\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n4. \uc804\uccb4 \ucf54\ub4dc \uc608\uc81c<\/h2>\n
import 'package:flutter\/material.dart';\nimport 'dart:convert';\nimport 'package:http\/http.dart' as http;\n\nclass User {\n final String name;\n \n User({required this.name});\n \n factory User.fromJson(Map5. \uacb0\ub860<\/h2>\n
Future<\/code>\ub97c \uc0dd\uc131\ud558\uace0, \uc774\ub97c \uc0ac\uc6a9\ud558\uc5ec \ube44\ub3d9\uae30 \uc791\uc5c5\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \ubc30\uc6e0\uc2b5\ub2c8\ub2e4. FutureBuilder<\/code>\ub97c \ud65c\uc6a9\ud55c UI \uad6c\uc131\uc740 \ub370\uc774\ud130 \ub85c\ub4dc \uc0c1\ud0dc\uc5d0 \ub530\ub77c \ub3d9\uc801\uc73c\ub85c \ubcc0\ud560 \uc218 \uc788\uc5b4 \ub9e4\uc6b0 \uc720\uc6a9\ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ube44\ub3d9\uae30 \ud504\ub85c\uadf8\ub798\ubc0d \uae30\uc220\uc740 \ubcf5\uc7a1\ud55c \uc571\uc5d0\uc11c\ub3c4 \uc0ac\uc6a9\uc790\uc758 \uacbd\ud5d8\uc744 \uac1c\uc120\ud558\ub294 \ub370 \ud070 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.\n <\/p>\n