\n\uc18c\uac1c<\/h2>\n
\n \ud50c\ub7ec\ud130(Flutter)\ub294 \uad6c\uae00\uc774 \uac1c\ubc1c\ud55c \uc624\ud508 \uc18c\uc2a4 UI \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uac1c\ubc1c \ud0a4\ud2b8(SDK)\ub85c,
\n \ub2e8\uc77c \ucf54\ub4dc \ubca0\uc774\uc2a4\ub97c \ud1b5\ud574 \uc5ec\ub7ec \ud50c\ub7ab\ud3fc\uc5d0\uc11c \uc791\ub3d9\ud558\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ube60\ub974\uac8c \uad6c\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 \ud50c\ub7ec\ud130\uc5d0\uc11c \uc678\ubd80 API\uc640 \ud1b5\uc2e0\ud560 \ub54c \ud754\ud788 \uc0ac\uc6a9\ud558\ub294 http<\/code> \ud328\ud0a4\uc9c0\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\n \uc774 \ud328\ud0a4\uc9c0\ub294 RESTful API\uc640\uc758 \ud1b5\uc2e0\uc744 \uac04\ud3b8\ud558\uac8c \ud560 \uc218 \uc788\ub294 \ub3c4\uad6c\uc785\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\nhttp \ud328\ud0a4\uc9c0 \uc124\uce58<\/h2>\n
\n http \ud328\ud0a4\uc9c0\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574, \uba3c\uc800 pubspec.yaml<\/code> \ud30c\uc77c\uc5d0 \ud574\ub2f9 \ud328\ud0a4\uc9c0\ub97c \ucd94\uac00\ud574\uc57c \ud569\ub2c8\ub2e4.
\n \uc544\ub798 \ucf54\ub4dc\ub97c dependencies:<\/code> \uc139\uc158\uc5d0 \ucd94\uac00\ud558\uc138\uc694:\n <\/p>\ndependencies:\n http: ^0.13.4<\/code><\/pre>\n\n \ud328\ud0a4\uc9c0\ub97c \ucd94\uac00\ud55c \ud6c4, \uc544\ub798\uc758 \uba85\ub839\uc5b4\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud328\ud0a4\uc9c0\ub97c \uc124\uce58\ud569\ub2c8\ub2e4:\n <\/p>\n
flutter pub get<\/code><\/pre>\n<\/section>\n\n\uae30\ubcf8 \uc0ac\uc6a9\ubc95<\/h2>\n
\n http \ud328\ud0a4\uc9c0\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uba3c\uc800 \uad00\ub828\ub41c \ud074\ub798\uc2a4\ub97c import\ud574\uc57c \ud569\ub2c8\ub2e4.
\n \ub2e4\uc74c\uacfc \uac19\uc774 \ucf54\ub4dc\ub97c \uc791\uc131\ud558\uc5ec http \ud328\ud0a4\uc9c0\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4:\n <\/p>\n
import 'package:http\/http.dart' as http;<\/code><\/pre>\n\n \uc774\uc81c \uc678\ubd80 API\uc5d0 GET \uc694\uccad\uc744 \ubcf4\ub0b4\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\n \uc608\ub97c \ub4e4\uc5b4, JSONPlaceholder API\uc5d0\uc11c \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \ubc1b\uc544\uc624\ub294 \uc608\uc81c\ub97c \ubcf4\uaca0\uc2b5\ub2c8\ub2e4:\n <\/p>\n
Future fetchData() async {\n final response = await http.get(Uri.parse('https:\/\/jsonplaceholder.typicode.com\/users'));\n \n if (response.statusCode == 200) {\n \/\/ \uc694\uccad\uc774 \uc131\uacf5\uc801\uc73c\ub85c \ub05d\ub0ac\uc744 \ub54c\n print('\ub370\uc774\ud130: ${response.body}');\n } else {\n \/\/ \uc694\uccad\uc774 \uc2e4\ud328\ud588\uc744 \ub54c\n throw Exception('\ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub294 \ub370 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.');\n }\n}<\/void><\/code><\/pre>\n\n \uc704\uc758 \ud568\uc218\ub294 \ube44\ub3d9\uae30\uc801\uc73c\ub85c \uc791\ub3d9\ud558\uba70,
\n API\ub85c\ubd80\ud130 \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \uc694\uccad\ud558\uace0, \uc751\ub2f5\uc774 \uc131\uacf5\uc801\uc774\uba74 \ud574\ub2f9 \ub370\uc774\ud130\ub97c \ucd9c\ub825\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\nPOST \uc694\uccad \ubcf4\ub0b4\uae30<\/h2>\n
\n \uc774\uc81c POST \uc694\uccad\uc744 \ubcf4\ub0b4\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\n \uc608\ub97c \ub4e4\uc5b4, \uc0c8\ub85c\uc6b4 \uc0ac\uc6a9\uc790\ub97c \uc0dd\uc131\ud558\ub294 API\uc5d0 \ub370\uc774\ud130\ub97c \ubcf4\ub0b4\ub294 \uacbd\uc6b0\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4:\n <\/p>\n
Future createUser() async {\n final response = await http.post(\n Uri.parse('https:\/\/jsonplaceholder.typicode.com\/users'),\n headers: {\n 'Content-Type': 'application\/json; charset=UTF-8',\n },\n body: jsonEncode({\n 'name': '\ud64d\uae38\ub3d9',\n 'username': 'honggildong',\n 'email': 'gildong@example.com',\n }),\n );\n\n if (response.statusCode == 201) {\n \/\/ \uc0ac\uc6a9\uc790\uac00 \uc131\uacf5\uc801\uc73c\ub85c \uc0dd\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\n print('\uc0ac\uc6a9\uc790 \uc0dd\uc131\ub428: ${response.body}');\n } else {\n \/\/ \uc694\uccad\uc774 \uc2e4\ud328\ud588\uc744 \ub54c\n throw Exception('\uc0ac\uc6a9\uc790 \uc0dd\uc131 \uc2e4\ud328');\n }\n}<\/string,><\/string,><\/void><\/code><\/pre>\n\n \uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c `jsonEncode` \ud568\uc218\ub294 Dart\uc758 \ub0b4\uc7a5 JSON \uc778\ucf54\ub529 \ud568\uc218\ub85c,
\n Dart \uac1d\uccb4\ub97c JSON \ud615\uc2dd\uc758 \ubb38\uc790\uc5f4\ub85c \ubcc0\ud658\ud558\ub294 \ub370 \uc0ac\uc6a9\ub429\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\n\ucffc\ub9ac \ud30c\ub77c\ubbf8\ud130\uc640 \ud5e4\ub354<\/h2>\n
\n HTTP GET \uc694\uccad\uc5d0\uc11c \ucffc\ub9ac \ud30c\ub77c\ubbf8\ud130\ub97c \ucd94\uac00\ud558\uace0
\n \uc694\uccad \ud5e4\ub354\ub97c \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\n \uc608\ub97c \ub4e4\uc5b4, \ud2b9\uc815 \uc870\uac74\uc5d0 \ub530\ub77c \ub370\uc774\ud130\ub97c \ud544\ud130\ub9c1 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:\n <\/p>\n
Future fetchFilteredData() async {\n final response = await http.get(Uri.parse('https:\/\/jsonplaceholder.typicode.com\/users?filter=active'), \n headers: {\n 'Authorization': 'Bearer some_api_key',\n }\n );\n\n if (response.statusCode == 200) {\n print('\ud544\ud130\ub9c1\ub41c \ub370\uc774\ud130: ${response.body}');\n } else {\n throw Exception('\ud544\ud130\ub9c1\ub41c \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub294 \ub370 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.');\n }\n}<\/string,><\/void><\/code><\/pre>\n\n \uc5ec\uae30\uc11c `filter=active`\ub294 API\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ucffc\ub9ac \ud30c\ub77c\ubbf8\ud130\uc774\uace0,
\n `Authorization` \ud5e4\ub354\ub294 API \ud0a4\ub97c \ud3ec\ud568\ud558\uc5ec \uc11c\ubc84\uc5d0 \uc778\uc99d \uc815\ubcf4\ub97c \uc81c\uacf5\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\nerror handling (\uc624\ub958 \ucc98\ub9ac)<\/h2>\n
\n API \uc694\uccad\uc744 \ud560 \ub54c\ub294 \ud56d\uc0c1 \uc624\ub958\ub97c \ucc98\ub9ac\ud574\uc57c \ud569\ub2c8\ub2e4.
\n HTTP \uc694\uccad\uc758 \uc0c1\ud0dc \ucf54\ub4dc\uc640 \uc608\uc678 \uc0c1\ud669\uc5d0 \ub300\ud55c \ucc98\ub9ac\ub97c \ud1b5\ud574
\n \uc0ac\uc6a9\uc790\uc5d0\uac8c \ub354 \ub098\uc740 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:\n <\/p>\n
Future fetchDataWithErrorHandling() async {\n try {\n final response = await http.get(Uri.parse('https:\/\/jsonplaceholder.typicode.com\/users'));\n\n if (response.statusCode == 200) {\n print('\ub370\uc774\ud130: ${response.body}');\n } else {\n throw Exception('\uc11c\ubc84\uc5d0\uc11c \uc624\ub958 \ubc1c\uc0dd: ${response.statusCode}');\n }\n } catch (e) {\n print('\uc694\uccad \uc911 \uc624\ub958 \ubc1c\uc0dd: $e');\n }\n}<\/void><\/code><\/pre>\n\n \uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c\ub294 try-catch \ubb38\uc744 \uc0ac\uc6a9\ud558\uc5ec
\n \ube44\ub3d9\uae30 \uc694\uccad \uc911 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \uc608\uc678\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\nHTTP \ud074\ub77c\uc774\uc5b8\ud2b8\uc758 \uc7ac\uc0ac\uc6a9<\/h2>\n
\n HTTP \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \uc7ac\uc0ac\uc6a9\ud558\uc5ec \uc131\ub2a5\uc744 \ucd5c\uc801\ud654\ud558\uace0
\n \uc5ec\ub7ec \uc694\uccad\uc5d0\uc11c \uacf5\ud1b5\uc801\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \ub2e4\uc74c\uacfc \uac19\uc774 HTTP \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4:\n <\/p>\n
class ApiService {\n final http.Client client;\n\n ApiService(this.client);\n \n Future fetchData() async {\n final response = await client.get(Uri.parse('https:\/\/jsonplaceholder.typicode.com\/users'));\n \/\/ \uc704\uc640 \ub3d9\uc77c\ud55c \ub370\uc774\ud130 \ucc98\ub9ac \ub85c\uc9c1...\n }\n}\n\n\/\/ \uc0ac\uc6a9 \uc608:\nfinal apiService = ApiService(http.Client());\nawait apiService.fetchData();<\/void><\/code><\/pre>\n\n \uc774\ucc98\ub7fc \ud074\ub77c\uc774\uc5b8\ud2b8\ub97c \ud074\ub798\uc2a4\uc5d0 \uc8fc\uc785\ud558\uc5ec,
\n \uc7ac\uc0ac\uc6a9\uc131\uacfc \ud14c\uc2a4\ud2b8 \uc6a9\uc774\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\nJSON \ub370\uc774\ud130 \uad6c\ubb38 \ubd84\uc11d<\/h2>\n
\n API\uc5d0\uc11c \ubc1b\uc740 JSON \ub370\uc774\ud130\ub97c \uad6c\ubb38 \ubd84\uc11d\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.
\n \ub370\uc774\ud130\ub97c \ub0b4\ubd80\uc801\uc73c\ub85c \uc18c\ube44\ud558\uae30 \uc704\ud574 \ubaa8\ub378 \ud074\ub798\uc2a4\ub97c \ub9cc\ub4dc\ub294 \uac83\uc774 \uc77c\ubc18\uc801\uc785\ub2c8\ub2e4:\n <\/p>\n
class User {\n final int id;\n final String name;\n final String username;\n final String email;\n\n User({required this.id, required this.name, required this.username, required this.email});\n\n factory User.fromJson(Map json) {\n return User(\n id: json['id'],\n name: json['name'],\n username: json['username'],\n email: json['email'],\n );\n }\n}<\/string,><\/code><\/pre>\n\n \uc704\uc758 \ubaa8\ub378 \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec
\n JSON \ub370\uc774\ud130\ub97c \uac1d\uccb4\ub85c \ubcc0\ud658\ud558\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\n\ub9ac\uc2a4\ud2b8 \ub370\uc774\ud130 \ucc98\ub9ac<\/h2>\n
\n \uc5ec\ub7ec \uac1c\uc758 JSON \uac1d\uccb4\ub97c \ub9ac\uc2a4\ud2b8\ub85c \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\n \uc774\ub97c \uc704\ud574, API\ub85c\ubd80\ud130 \ubc1b\uc740 \ub370\uc774\ud130\ub97c \uc801\uc808\ud788 \ubcc0\ud658\ud574\uc57c \ud569\ub2c8\ub2e4:\n <\/p>\n
Future> fetchUsers() async {\n final response = await http.get(Uri.parse('https:\/\/jsonplaceholder.typicode.com\/users'));\n \n if (response.statusCode == 200) {\n List jsonData = jsonDecode(response.body);\n return jsonData.map((data) => User.fromJson(data)).toList();\n } else {\n throw Exception('\uc0ac\uc6a9\uc790 \ubaa9\ub85d\uc744 \uac00\uc838\uc624\ub294 \ub370 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.');\n }\n}<\/dynamic><\/list<\/code><\/pre>\n\n \uc774 \ucf54\ub4dc\ub294 \uc11c\ubc84\uc5d0\uc11c \uc751\ub2f5\ubc1b\uc740 JSON \ub370\uc774\ud130\ub97c \ud30c\uc2f1\ud558\uace0,
\n \uc5ec\ub7ec \uc0ac\uc6a9\uc790\uc758 \uc815\ubcf4\ub97c \ub9ac\uc2a4\ud2b8 \ud615\uc2dd\uc73c\ub85c \ubc18\ud658\ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\nHTTP \ub9ac\ub514\ub809\uc158 \ucc98\ub9ac<\/h2>\n
\n \ud2b9\uc815 API \uc694\uccad\uc740 \ub9ac\ub514\ub809\uc158\uc744 \ucc98\ub9ac\ud574\uc57c \ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.
\n \uc774 \uacbd\uc6b0, http.Client<\/code>\ub97c \uc0ac\uc6a9\ud560 \ub54c \uc790\ub3d9\uc73c\ub85c \ucc98\ub9ac\ub418\uc9c0\ub9cc,
\n \uc9c1\uc811 \ub9ac\ub514\ub809\uc158\uc744 \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\ub3c4 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4:\n <\/p>\nFuture handleRedirect() async {\n final response = await http.get(Uri.parse('https:\/\/httpbin.org\/redirect\/1'));\n\n if (response.statusCode == 200) {\n print('\ucd5c\uc885 URL: ${response.request!.url}');\n } else {\n print('\uc694\uccad \uc2e4\ud328: ${response.statusCode}');\n }\n}<\/void><\/code><\/pre>\n\n \uc704\uc758 \uc608\uc81c\uc5d0\uc11c\ub294 HTTP \uc694\uccad\uc5d0 \ub300\ud574 \ub9ac\ub514\ub809\uc158\uc744 \uc790\ub3d9\uc73c\ub85c \ub530\ub77c\uac00 \ucd5c\uc885 URL\uc744 \ucd9c\ub825\ud558\uac8c \ub429\ub2c8\ub2e4.\n <\/p>\n<\/section>\n\n\uc885\ud569 \uc608\uc81c: CRUD \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ub9cc\ub4e4\uae30<\/h2>\n
\n \uc774\uc81c\uae4c\uc9c0 \ubc30\uc6b4 \ub0b4\uc6a9\uc744 \ubc14\ud0d5\uc73c\ub85c, \uac04\ub2e8\ud55c CRUD(Create, Read, Update, Delete) \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \ub17c\uc758\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.
\n \uc608\ub97c \ub4e4\uc5b4, JSONPlaceholder API\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9\uc790\ub97c \ucd94\uac00\/\uc870\ud68c\/\uc218\uc815\/\uc0ad\uc81c\ud558\ub294 \uae30\ub2a5\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n
class UserApiService {\n final http.Client client;\n \n UserApiService(this.client);\n \n Future> fetchUsers() async {\n \/\/ \uc0ac\uc6a9\uc790\ub97c \uac00\uc838\uc624\ub294 \ucf54\ub4dc...\n }\n\n Future createUser(User user) async {\n \/\/ \uc0ac\uc6a9\uc790 \uc0dd\uc131 \ucf54\ub4dc...\n }\n\n Future updateUser(User user) async {\n \/\/ \uc0ac\uc6a9\uc790 \uc218\uc815 \ucf54\ub4dc...\n }\n\n Future deleteUser(int id) async {\n final response = await client.delete(Uri.parse('https:\/\/jsonplaceholder.typicode.com\/users\/$id'));\n \/\/ \uc0ad\uc81c \ucc98\ub9ac \ub85c\uc9c1...\n }\n}<\/void><\/void><\/void><\/list<\/code><\/pre>\n\n \uc704 \uc608\uc81c\uc5d0\uc11c\ub294 CRUD \uc791\uc5c5\uc744 \uc704\ud55c \uba54\uc11c\ub4dc\ub97c \ud3ec\ud568\ud558\ub294 `UserApiService` \ud074\ub798\uc2a4\ub97c \uc815\uc758\ud569\ub2c8\ub2e4.
\n \uc2e4\uc81c HTTP \uc694\uccad\uc744 \uad6c\ud604\ud558\uc5ec \uae30\ub2a5\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n<\/section>\n