\n \ucd5c\uadfc \ubaa8\ubc14\uc77c \uc571 \uac1c\ubc1c\uc5d0\uc11c JSON(JavaScript Object Notation) \ub370\uc774\ud130 \ud3ec\ub9f7\uc740 \ub370\uc774\ud130\uc758 \uc804\ub2ec \ubc0f \uc800\uc7a5\uc5d0 \ub110\ub9ac \uc0ac\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. JSON \ub370\uc774\ud130\ub294 \uad6c\uc870\uc801\uc73c\ub85c \uac04\ub2e8\ud558\uace0, \ub2e4\ub978 \ub370\uc774\ud130 \ud3ec\ub9f7\uc5d0 \ube44\ud574 \uac00\ub3c5\uc131\uc774 \ub6f0\uc5b4\ub098\uba70, \ub300\ubd80\ubd84\uc758 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\uc5d0\uc11c \uc27d\uac8c \ud30c\uc2f1\ud560 \uc218 \uc788\ub294 \uc7a5\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n
\n JSON\uc740 \uacbd\ub7c9 \ub370\uc774\ud130 \uad50\ud658 \ud3ec\ub9f7\uc73c\ub85c, \uc0ac\ub78c\uacfc \uae30\uacc4 \ubaa8\ub450 \uc77d\uace0 \uc4f8 \uc218 \uc788\ub294 \ud615\uc2dd\uc785\ub2c8\ub2e4. JSON\uc740 JavaScript \uac1d\uccb4 \ub9ac\ud130\ub7f4\uc758 \ubb38\ubc95\uc744 \uae30\ubc18\uc73c\ub85c \ud558\uc9c0\ub9cc, \ub2e4\uc591\ud55c \uc5b8\uc5b4 \uac04\uc758 \ub370\uc774\ud130 \uc0c1\ud638 \uad50\ud658\uc5d0\uc11c\ub3c4 \ub9e4\uc6b0 \uc720\uc6a9\ud569\ub2c8\ub2e4. JSON\uc758 \uc8fc\uc694 \ud2b9\uc9d5\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:\n <\/p>\n
\n JSON \ub370\uc774\ud130\ub294 \ud0a4\uc640 \uac12\uc744 \uc30d\uc73c\ub85c \ubb36\uc5b4\uc11c \ud45c\ud604\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc740 JSON \uac1d\uccb4\uc758 \uc608\uc2dc\uc785\ub2c8\ub2e4:\n <\/p>\n
{\n \"name\": \"\ud64d\uae38\ub3d9\",\n \"age\": 30,\n \"isDeveloper\": true,\n \"skills\": [\"Dart\", \"Flutter\", \"JavaScript\"],\n \"address\": {\n \"city\": \"\uc11c\uc6b8\",\n \"postalCode\": \"12345\"\n }\n}<\/code><\/pre>\n3. \ud50c\ub7ec\ud130\uc5d0\uc11c JSON \ub370\uc774\ud130 \uc0ac\uc6a9\ud558\uae30<\/h2>\n
\n \ud50c\ub7ec\ud130\uc5d0\uc11c JSON \ub370\uc774\ud130\ub97c \ud65c\uc6a9\ud558\uae30 \uc704\ud574\uc120 HTTP \uc694\uccad\uc744 \ud1b5\ud574 \uc678\ubd80 API\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\uac70\ub098, \ub85c\uceec JSON \ud30c\uc77c\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc77d\ub294 \ubc29\ubc95\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uc139\uc158\uc5d0\uc11c\ub294 \ub450 \uac00\uc9c0 \ubc29\ubc95\uc744 \ud1b5\ud574 JSON \ub370\uc774\ud130\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \uae30\ubcf8\uc801\uc778 \uc808\ucc28\ub97c \uc124\uba85\ud569\ub2c8\ub2e4.\n <\/p>\n
3.1. HTTP \uc694\uccad\uc744 \ud1b5\ud55c JSON \ub370\uc774\ud130 \uac00\uc838\uc624\uae30<\/h3>\n
\n \ud50c\ub7ec\ud130\uc5d0\uc11c HTTP \ud328\ud0a4\uc9c0\ub97c \uc0ac\uc6a9\ud558\uc5ec API\ub85c\ubd80\ud130 JSON \ub370\uc774\ud130\ub97c \ubc1b\uc544\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n
\ub2e4\uc74c\uc740 API\ub85c\ubd80\ud130 JSON \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc624\ub294 \ucf54\ub4dc \uc608\uc2dc\uc785\ub2c8\ub2e4:<\/p>\n
import 'dart:convert';\nimport 'package:http\/http.dart' as http;\n\nFuture fetchData() async {\n final response = await http.get(Uri.parse('https:\/\/api.example.com\/data'));\n\n if (response.statusCode == 200) {\n \/\/ \uc11c\ubc84\uc5d0\uc11c \ub370\uc774\ud130\uac00 \uc131\uacf5\uc801\uc73c\ub85c \ubc18\ud658\ub418\uc5c8\uc744 \ub54c\n var jsonData = json.decode(response.body);\n print(jsonData);\n } else {\n throw Exception('\ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud558\ub294 \uc911 \uc624\ub958 \ubc1c\uc0dd');\n }\n}<\/void><\/code><\/pre>\n3.2. \ub85c\uceec JSON \ud30c\uc77c\uc5d0\uc11c \ub370\uc774\ud130 \uc77d\uae30<\/h3>\n
\n \uacbd\uc6b0\uc5d0 \ub530\ub77c \uc571\uc5d0 \ub0b4\uc7a5\ub41c JSON \ud30c\uc77c\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uc77d\uc744 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \ubc29\ubc95\uc73c\ub85c JSON \ud30c\uc77c\uc744 \ub85c\ub4dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n <\/p>\n
1\ub2e8\uacc4:<\/strong> \uc571\uc758 assets<\/code> \ud3f4\ub354\uc5d0 JSON \ud30c\uc77c\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n2\ub2e8\uacc4:<\/strong> pubspec.yaml<\/code> \ud30c\uc77c\uc5d0 assets\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\nflutter:\n assets:\n - assets\/data.json<\/code><\/pre>\n3\ub2e8\uacc4:<\/strong> JSON \ud30c\uc77c\uc744 \uc77d\uae30 \uc704\ud55c \ucf54\ub4dc\ub97c \uc791\uc131\ud569\ub2c8\ub2e4:<\/p>\nimport 'dart:convert';\nimport 'package:flutter\/services.dart' as rootBundle;\n\nFuture loadJsonData() async {\n final jsonData = await rootBundle.rootBundle.loadString('assets\/data.json');\n final data = json.decode(jsonData);\n print(data);\n}<\/void><\/code><\/pre>\n4. JSON \ub370\uc774\ud130\ub97c \ubaa8\ub378 \ud074\ub798\uc2a4\uc640 \uc5f0\uacb0\ud558\uae30<\/h2>\n
\n JSON \ub370\uc774\ud130\ub97c \ud50c\ub7ec\ud130 \uc571\uc5d0\uc11c \ud65c\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \ud574\ub2f9 \ub370\uc774\ud130\ub97c \ubaa8\ub378 \ud074\ub798\uc2a4\ub85c \ubcc0\ud658\ud558\ub294 \uac83\uc774 \uc77c\ubc18\uc801\uc785\ub2c8\ub2e4. \ub2e4\uc74c\uc740 JSON \ub370\uc774\ud130\ub97c \ubaa8\ub378 \ud074\ub798\uc2a4\ub85c \ubcc0\ud658\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud55c \uc608\uc2dc\uc785\ub2c8\ub2e4.\n <\/p>\n
class User {\n String name;\n int age;\n bool isDeveloper;\n List skills;\n\n User({required this.name, required this.age, required this.isDeveloper, required this.skills});\n\n factory User.fromJson(Map json) {\n return User(\n name: json['name'],\n age: json['age'],\n isDeveloper: json['isDeveloper'],\n skills: List.from(json['skills']),\n );\n }\n}<\/string><\/string,><\/string><\/code><\/pre>\n\ud074\ub798\uc2a4\ub97c \ud1b5\ud574 JSON \ub370\uc774\ud130\ub97c \uac1d\uccb4\ub85c \uc27d\uac8c \ubcc0\ud658\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
5. JSON \ub370\uc774\ud130\ub97c \ud50c\ub7ec\ud130 \uc704\uc82f\uc5d0 \ud45c\uc2dc\ud558\uae30<\/h2>\n
\n JSON \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc628 \ud6c4, \ud574\ub2f9 \ub370\uc774\ud130\ub97c \ud50c\ub7ec\ud130 \uc704\uc82f\uc5d0 \ud45c\uc2dc\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \ud654\uba74\uc5d0 \ud45c\uc2dc\ud558\ub294 \uc704\uc82f\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n
class UserProfile extends StatelessWidget {\n final User user;\n\n UserProfile({required this.user});\n\n @override\n Widget build(BuildContext context) {\n return Column(\n children: [\n Text('\uc774\ub984: ${user.name}'),\n Text('\ub098\uc774: ${user.age}'),\n Text('\uac1c\ubc1c\uc790 \uc5ec\ubd80: ${user.isDeveloper ? \"\uc608\" : \"\uc544\ub2c8\uc694\"}'),\n Text('\uae30\uc220: ${user.skills.join(', ')}'),\n ],\n );\n }\n}<\/code><\/pre>\n6. \uc608\uc678 \ucc98\ub9ac \ubc0f \uc624\ub958 \uad00\ub9ac<\/h2>\n
\n JSON \ub370\uc774\ud130 \uc791\uc5c5 \uc911 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \uc624\ub958\ub97c \ucc98\ub9ac\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. HTTP \uc694\uccad\uc774\ub098 JSON \ud30c\uc2f1 \uacfc\uc815\uc5d0\uc11c \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \uc608\uc678\ub97c \ucc98\ub9ac\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud558\uc5ec \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\n <\/p>\n
Future fetchData() async {\n try {\n final response = await http.get(Uri.parse('https:\/\/api.example.com\/data'));\n if (response.statusCode == 200) {\n \/\/ \uc131\uacf5\uc801\uc73c\ub85c JSON \ub370\uc774\ud130\ub97c \uac00\uc838\uc634\n var jsonData = json.decode(response.body);\n print(jsonData);\n } else {\n throw Exception('\uc11c\ubc84 \uc624\ub958: ${response.statusCode}');\n }\n } catch (e) {\n print('\uc624\ub958 \ubc1c\uc0dd: $e');\n }\n}<\/void><\/code><\/pre>\n7. JSON\uacfc \ub2e4\ub978 \ub370\uc774\ud130 \ud3ec\ub9f7 \ube44\uad50<\/h2>\n
\n JSON\uc740 XML, CSV\uc640 \uac19\uc740 \ub2e4\ub978 \ub370\uc774\ud130 \ud615\uc2dd\uacfc \ube44\uad50\ud560 \ub54c \uc5ec\ub7ec \uc774\uc810\uacfc \ub2e8\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 JSON\uacfc XML\uc758 \ube44\uad50\uc785\ub2c8\ub2e4:\n <\/p>\n
\n\n\ud2b9\uc9d5<\/th>\n JSON<\/th>\n XML<\/th>\n<\/tr>\n \n\uac00\ub3c5\uc131<\/td>\n \uc6b0\uc218\ud568<\/td>\n \ubcf4\ud1b5<\/td>\n<\/tr>\n \n\ub370\uc774\ud130 \ud06c\uae30<\/td>\n \uc791\uc74c<\/td>\n \ud07c<\/td>\n<\/tr>\n \n\uad6c\uc870<\/td>\n Key-Value \uc30d<\/td>\n \ud0dc\uadf8 \uae30\ubc18<\/td>\n<\/tr>\n<\/table>\n8. \ub9c8\ubb34\ub9ac<\/h2>\n
\n \uc774 \uac15\uc88c\uc5d0\uc11c\ub294 \ud50c\ub7ec\ud130\uc5d0\uc11c JSON \ub370\uc774\ud130\ub97c \ucc98\ub9ac\ud558\ub294 \uae30\ubcf8\uc801\uc778 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. JSON\uc744 \uc0ac\uc6a9\ud568\uc73c\ub85c\uc368 \ub370\uc774\ud130 \uad00\ub9ac\ub97c \uc6a9\uc774\ud558\uac8c \ud558\uace0, \ud544\uc694\ud55c \ub2e4\uc591\ud55c \ub370\uc774\ud130 \ud615\uc2dd\uc744 \uc9c0\ud0f1\ud560 \uc218 \uc788\ub294 \uc720\uc5f0\uc131\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc2e4\uc81c \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c JSON \ub370\uc774\ud130 \uc0ac\uc6a9\uc5d0 \ub300\ud55c \uacbd\ud5d8\uc744 \ubc14\ud0d5\uc73c\ub85c \ub354 \ub9ce\uc740 \uae30\ub2a5\uc744 \uad6c\ud604\ud574\ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.\n <\/p>\n
\ucd94\uac00 \uc790\ub8cc\uac00 \ud544\uc694\ud558\uba74 Flutter \uacf5\uc2dd \ubb38\uc11c\ub97c \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4: Flutter Documentation<\/a>.<\/p>\n