{"id":905,"date":"2020-08-31T09:00:45","date_gmt":"2020-08-31T00:00:45","guid":{"rendered":"http:\/\/mobilelab.khu.ac.kr\/?p=905"},"modified":"2020-04-05T19:09:45","modified_gmt":"2020-04-05T10:09:45","slug":"be-dart-programmer-33","status":"publish","type":"post","link":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/","title":{"rendered":"Dart Programmer \ub418\uae30 [33]"},"content":{"rendered":"\n<h4>&lt; Flutter \ud65c\uc6a9\ud558\uae30 &#8211; StatelessWidget Example &gt;<\/h4>\n\n\n\n<p>\uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h4>Building Layouts &#8211; Layout in Flutter<\/h4>\n\n\n\n<p>Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 <a href=\"https:\/\/flutter.dev\/docs\/development\/ui\/layout\">https:\/\/flutter.dev\/docs\/development\/ui\/layout<\/a> \uc5d0 \uc704\uce58\ud55c Layouts in Flutter\ub294 \uc55e\uc11c\uc758 \uae00\uc5d0\uc11c\ub3c4 \uc778\uc6a9\ud558\uc5ec \uc124\uba85\ud55c \ub0b4\uc6a9\ub4e4\uc774 \ub4e4\uc5b4\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc758 \ub0b4\uc6a9\uc744 \ud558\ub098 \ud558\ub098 \uc77d\uace0 \uc9c1\uc811 \ub530\ub77c\ud574 \ubcf4\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574\uc11c, \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ub9cc\ub4dc\ub294\ub370 \uc0ac\uc6a9\ub418\ub294 Widget class\ub4e4\uc744 \ub2e4\uc2dc \uc7ac\ud655\uc778\ud558\uac8c \ub429\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \ucc44\uc6b0\ub294 \uc694\uc18c\ub4e4\uc5d0 \ud574\ub2f9\ud558\ub294 widget\ub4e4\uacfc layout\uc758 \uac1c\ub150\uc5d0 \ub300\ud574\uc11c \ud655\uc778\ud558\uac8c \ub429\ub2c8\ub2e4. \uc544\uc6b8\ub7ec \ub2e8\uc21c\ud55c widget\ub4e4\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubcf5\uc7a1\ud55c widget\uc744 \ub9cc\ub4e4\uc5b4 \ub0b4\ub294 \uacfc\uc815\uc744 \uacbd\ud5d8\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h4>Building Layouts &#8211; Tutorial<\/h4>\n\n\n\n<p>Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 <a href=\"https:\/\/flutter.dev\/docs\/development\/ui\/layout\"><\/a><a href=\"https:\/\/flutter.dev\/docs\/development\/ui\/layout\/tutorial\">https:\/\/flutter.dev\/docs\/development\/ui\/layout\/tutorial <\/a> \uc5d0 \uc704\uce58\ud55c Building Layouts\ub294 StatelessWidget\uc744 \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \uc571\uc744 \ub9cc\ub4dc\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4. \uc774 \uae00\uc758 \ub0b4\uc6a9\uc744 \ud558\ub098 \ud558\ub098 \uc77d\uace0 \uc9c1\uc811 \ub530\ub77c\ud574 \ubcf4\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574\uc11c, Flutter\uc758 layout\uc5d0 \ub300\ud55c \uc774\ud574\uac00 \uc880 \ub354 \uace0\ub3c4\ud654 \ub418\uba70, row\/column \uae30\ubc18\uc73c\ub85c widget\ub4e4\uc744 \ubc30\uce58\ud558\ub294 \ubd80\ubd84\uc744 \uc774\ud574\ud558\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h4>Write your own StatelessWidget application<\/h4>\n\n\n\n<p>\uc55e\uc5d0\uc11c \uc2e4\uc2b5\ud55c \ub0b4\uc6a9\uc744 \ud1a0\ub300\ub85c \ubcf8\uc778\ub9cc\uc758 StatelessWidget application\uc744 \ub9cc\ub4e4\uc5b4 \ubd05\ub2c8\ub2e4. \uc800\uc758 \uacbd\uc6b0\ub294 \uacbd\ud76c\ub300\ud559\uad50\ub97c \uc18c\uac1c\ud558\ub294 \uace0\uc815 \ucee8\ud150\uce20 \ud398\uc774\uc9c0\ub97c \uc544\ub798\uc758 \uadf8\ub9bc\uacfc \uac19\uc774 \ub9cc\ub4e4\uc5b4 \ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uc55e\uc11c\uc758 \uc608\uc81c\uc5d0\uc11c \uc77c\ubd80 \uc218\uc815\ud558\ub294 \ubc29\uc2dd\uc73c\ub85c \uc791\uc131\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"382\" height=\"690\" src=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-02-20-\u110b\u1169\u110c\u1165\u11ab-12.37.59.png\" alt=\"\" class=\"wp-image-910\" srcset=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-02-20-\u110b\u1169\u110c\u1165\u11ab-12.37.59.png 382w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2020-02-20-\u110b\u1169\u110c\u1165\u11ab-12.37.59-166x300.png 166w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><figcaption>[\uadf8\ub9bc] darttutorial-33-01.dart \uc2e4\ud589 \ud654\uba74<\/figcaption><\/figure><\/div>\n\n\n\n<p>\uc774\ubbf8\uc9c0\ub97c \ubc14\uafb8\uace0, \ub0b4\uc6a9\uc744 \uc77c\ubd80 \ubc14\uafb8\ub294 minor\ud55c \uc218\uc815\uc744 \ud558\uc600\uc73c\uba70, \uc774\uc5d0 \ub300\ud55c \uc18c\uc2a4 \ucf54\ub4dc\uc778 darttutorial-33-01.dart\ub294 \uc544\ub798\uc640 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/\/ darttutorial-33-01.dart\n\/\/ Based on : https:\/\/flutter.dev\/docs\/development\/ui\/layout\n\nimport 'package:flutter\/material.dart';\n\nvoid main() {\n  var parameter = {\n    'appBarTitle': 'Flutter Layout Demo Program',\n    'titleImage': 'images\/lake.jpg',\n    'titleSectionHeader': '\uacbd\ud76c\ub300\ud559\uad50 \uad6d\uc81c\ucea0\ud37c\uc2a4',\n    'titleSectionBody': '\uacbd\uae30\ub3c4 \uc6a9\uc778\uc2dc \uae30\ud765\uad6c \ub355\uc601\ub300\ub85c 1732\ubc88\uc9c0',\n    'titleSectionScore': 41,\n    'textSection':\n        '\uad6d\uc81c\ucea0\ud37c\uc2a4\ub294 \uacf5\ud559, \uc751\uc6a9\uacfc\ud559, \uc0dd\uba85\uacfc\ud559, \uc804\uc790\uc815\ubcf4, \uc18c\ud504\ud2b8\uc6e8\uc5b4, \uc2e4\uc6a9\uc608\uc220, \uad6d\uc81c\ud559, '\n        '\uc678\uad6d\uc5b4, \uccb4\uc721 \uc911\uc2ec\uc758 \ucea0\ud37c\uc2a4\ub85c, \ud2b9\uc131 \uc788\ub294 \ud559\ubb38\ubd84\uc57c\uac00 \ub9ce\uc2b5\ub2c8\ub2e4. '\n        '\uc8fc\uc694 \uc2dc\uc124\ub85c\ub294 \uc218\uc6a9 \uc778\uc6d0 8\ucc9c\uc5ec\uba85 \uaddc\ubaa8\uc758 \ub178\ucc9c\uadf9\uc7a5 \ubc0f \uc885\ud569\uccb4\uc721\uad00, \ucc9c\ubb38\ub300, \uc6d0\uc790\ub85c\uc2e4 \ub4f1\uc774 \uc788\uc2b5\ub2c8\ub2e4. '\n        '\uacbd\ud76c\ub300\ub294 \uad6d\uc81c\ucea0\ud37c\uc2a4\ub97c \ud3ec\ud568\ud558\uc5ec \uc11c\uc6b8\ucea0\ud37c\uc2a4, \uad11\ub984\ucea0\ud37c\uc2a4\ub97c \ubcf4\uc720\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. '\n        '\uad50\uba85\uc778 \uacbd\ud76c\ub300(\u6176\u7199\u5927)\ub294 \uc601\uc815\uc870 \uc2dc\ub300\uc758 \uce58\uc138\uac00 \ud3bc\uccd0\uc9c4 \uc870\uc120\uc2dc\ub300\uc758 \uc815\uad81 \uacbd\ud76c\uad81(\u6176\u7199\u5bae)\uc5d0\uc11c \ub530\uc628 \uac83\uc73c\ub85c, '\n        '\uc784\uc9c4\uc65c\ub780\uacfc \ubcd1\uc790\ud638\ub780\uc758 \ud3d0\ud5c8\ub97c \ub51b\uace0 \ubb38\uc608\ub97c \ubd80\ud765\uc2dc\ud0a8 \uc870\uc120 \ud6c4\uae30 \uc601\uc815\uc870 \uc2dc\ub300\ucc98\ub7fc, '\n        '\ud55c\uad6d \uc804\uc7c1\uc73c\ub85c \ud53c\ud3d0\ud574\uc9c4 \uc774 \ub545\uc5d0 \ub2e4\uc2dc \ubb38\ud654\uc801\uc778 \ub974\ub124\uc0c1\uc2a4\uac00 \uc624\uae30\ub97c \ubc14\ub77c\ub294 \ub9c8\uc74c\uc73c\ub85c '\n        '\uacbd\ud76c\ud559\uc6d0(\uace0\ud669\uc7ac\ub2e8)\uc758 \uc124\ub9bd\uc790\uc778 \uc870\uc601\uc2dd\uc5d0 \uc758\ud574 \uba85\uba85\ub418\uc5c8\uc2b5\ub2c8\ub2e4.',\n  };\n\n  runApp(MyApp(parameter));\n}\n\nclass MyApp extends StatelessWidget {\n  \/\/ Constructor with a Map type input parameter.\n  MyApp(this.internalStorage);\n\n  \/\/ Internal storage to save a page content which initialized by constructor.\n  final Map internalStorage;\n\n  \/\/ build method.\n  @override\n  Widget build(BuildContext context) {\n    Widget titleImage = _buildTitleImage(internalStorage['titleImage']);\n\n    Widget titleSection = _buildTitleSection(\n        internalStorage['titleSectionHeader'],\n        internalStorage['titleSectionBody'],\n        internalStorage['titleSectionScore']);\n\n    Widget buttonSection = _buildButtonSection(Theme.of(context).primaryColor);\n\n    String textSectionMessage = internalStorage['textSection'];\n\n    Widget textSection = _buildTextSection(textSectionMessage);\n\n    return MaterialApp(\n      title: internalStorage['appBarTitle'],\n      home: Scaffold(\n        appBar: AppBar(\n          title: Text(internalStorage['appBarTitle']),\n        ),\n        body: ListView(\n          children: [\n            titleImage,\n            titleSection,\n            buttonSection,\n            textSection,\n          ],\n        ),\n      ),\n    );\n  }\n\n  \/\/ Build function to create title image Widget\n  dynamic _buildTitleImage(String imageName) {\n    return Image.asset(\n      imageName,\n      width: 600,\n      height: 240,\n      fit: BoxFit.cover,\n    );\n  }\n\n  \/\/ Build function to create title section Widget\n  Container _buildTitleSection(String name, String addr, int count) {\n    return Container(\n      padding: const EdgeInsets.all(32),\n      child: Row(\n        children: [\n          Expanded(\n            child: Column(\n              crossAxisAlignment: CrossAxisAlignment.start,\n              children: [\n                Container(\n                  padding: const EdgeInsets.only(bottom: 8),\n                  child: Text(\n                    name,\n                    style: TextStyle(\n                      fontWeight: FontWeight.bold,\n                    ),\n                  ),\n                ),\n                Text(\n                  addr,\n                  style: TextStyle(\n                    color: Colors.grey[500],\n                  ),\n                ),\n              ],\n            ),\n          ),\n          Icon(\n            Icons.star,\n            color: Colors.red[500],\n          ),\n          Text('$count'),\n        ],\n      ),\n    );\n  }\n\n  \/\/ Build function to create button section Widget\n  Container _buildButtonSection(Color color) {\n    return Container(\n      child: Row(\n        mainAxisAlignment: MainAxisAlignment.spaceEvenly,\n        children: [\n          _buildButtonColumn(color, Icons.call, '\uc804\ud654'),\n          _buildButtonColumn(color, Icons.near_me, '\uacbd\ub85c'),\n          _buildButtonColumn(color, Icons.share, '\uacf5\uc720'),\n        ],\n      ),\n    );\n  }\n\n  \/\/ Build function to create button with icon and sub-title for _buildButtonSection()\n  Column _buildButtonColumn(Color color, IconData icon, String label) {\n    return Column(\n      mainAxisSize: MainAxisSize.min,\n      mainAxisAlignment: MainAxisAlignment.center,\n      children: [\n        Icon(icon, color: color),\n        Container(\n          margin: const EdgeInsets.only(top: 8),\n          child: Text(\n            label,\n            style: TextStyle(\n              fontSize: 13,\n              fontWeight: FontWeight.w400,\n              color: color,\n            ),\n          ),\n        ),\n      ],\n    );\n  }\n\n  \/\/ Build function to create text description section Widget\n  Container _buildTextSection(String section) {\n    return Container(\n      padding: const EdgeInsets.all(32),\n      child: Text(\n        section,\n        softWrap: true,\n      ),\n    );\n  }\n}<\/pre>\n\n\n\n<p>\uc0ac\uc6a9\ud55c \uc774\ubbf8\uc9c0\ub294 \uc544\ub798\uc640 \uac19\uc73c\uba70, \uacbd\ud76c\ub300\ud559\uad50\uc5d0\uc11c \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud55c \ub77c\uc774\uc13c\uc2a4\ub97c \uac00\uc9c0\uace0 \uc788\uc73c\ub2c8 \ucc38\uc870\ud558\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"239\" src=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/lake.jpg\" alt=\"\" class=\"wp-image-911\" srcset=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/lake.jpg 600w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/lake-300x120.jpg 300w, http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/04\/lake-480x191.jpg 480w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>[\uadf8\ub9bc] darttutorial-33-01.dart\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub294 lake.jpg \ud654\uc77c<\/figcaption><\/figure>\n\n\n\n<p>\uc55e\uc11c\uc758 \uc2e4\uc2b5\uc744 \ud1a0\ub300\ub85c \uc9c1\uc811 \uc704\uc640 \uac19\uc774 \ub9cc\ub4e4\uace0\uc790 \ud55c\ub2e4\uba74, \ubb38\uc81c\uac00 \uc5c6\uaca0\uc9c0\ub9cc, darttutorial-33-01.dart\ub97c copy &amp; paste\ud558\uc5ec \uc2e4\ud589\ud558\uace0\uc790 \ud55c\ub2e4\uba74, Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc5d0 \ub300\ud55c \uc2e4\uc2b5\uc5d0\uc11c \uc124\uba85\ud558\ub294 \ubd80\ubd84\uc911 \ub2e4\uc74c\uc744 \uc774\ud574\ud574\uc57c \ud569\ub2c8\ub2e4. \uc989, \ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\uc758 root \ub514\ub809\ud1a0\ub9ac\uc5d0 images \uc11c\ube0c \ub514\ub809\ud1a0\ub9ac\ub97c \ub9cc\ub4e0\ud6c4 (\uc704\uc640 \uac19\uc774 \ubcf8\uc778\uc774 \uc0ac\uc6a9\ud560) lake.jpg \uc774\ubbf8\uc9c0 \ud654\uc77c\uc744 \uc774 \ub514\ub809\ud1a0\ub9ac\uc5d0 \ubcf5\uc0ac\ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 pubspec.yaml \ud654\uc77c\uc758 flutter: \ud558\ub2e8\uc5d0 assets: \ub97c \ud65c\uc131\ud654 \ud55c\ud6c4, \uadf8 \ubc11\uc5d0 &#8211; images\/lake.jpg\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4. Flutter\uac00 \uc790\ub3d9 \uc0dd\uc131\ud55c, Start App\uc758 pubspec.yaml \ud654\uc77c \uc548\uc5d0 \ubcf4\uba74, \uc774\ub807\uac8c \uc774\ubbf8\uc9c0\ub97c \ucd94\uac00\ud558\ub294 \uacbd\uc6b0\uc5d0 \ub300\ud55c \uc124\uba85\uc774 \uc8fc\uc11d\uc73c\ub85c \ub418\uc5b4 \uc788\uc73c\ub2c8 \ud55c\ubc88 \uc77d\uc5b4 \ubcf4\uae30 \ubc14\ub78d\ub2c8\ub2e4. \ub9cc\uc57d \ud504\ub85c\uadf8\ub7a8\uc744 \uc2e4\ud589\ud558\ub294 \uc911\uc5d0, main.dart\uc758 \uc218\uc815\uacfc \uc774\ubbf8\uc9c0 \ud654\uc77c\uc758 \ucd94\uac00\ub97c \ud558\uc600\ub2e4\uba74, MS Visual Code\uc758 \ub514\ubc84\uadf8 \ub2e8\ucd94 \uc911 \u201c\ub2e4\uc2dc \uace0\uce68\u201d \ub2e8\ucd94\ub97c \ud074\ub9ad\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h4>\ub9c8\ubb34\ub9ac<\/h4>\n\n\n\n<p>StatelessWidget\uc740 \uace0\uc815\uc801\uc778 \ucee8\ud150\uce20\ub97c \ud45c\ud604\ud558\uae30\uc5d0 \uc0ac\uc6a9\ud558\ubbc0\ub85c \uc815\uc801\uc778 \ub3d9\uc791\uc744 \ud569\ub2c8\ub2e4. \ub530\ub77c\uc11c, \ub3d9\uc801\uc778 \ub3d9\uc791\uc744 \ud558\ub294 StatefulWidget\uc744 \uc774\ud574\ud558\uae30 \uc704\ud55c \ud544\uc218\uc801\uc778 \ub2e8\uacc4\ub85c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 \ub2e4\uc74c \uae00\uc5d0\uc11c\ub294 darttutorial-33-01.dart \ud504\ub85c\uadf8\ub7a8\uc774 \uc800\uc774\uc0c1 \uc815\uc801\uc774\uc9c0 \uc54a\uace0, \uc0ac\uc6a9\uc790\uc640\uc758 \uc778\ud130\uc561\uc158\uc744 \ud1b5\ud574\uc11c \ub3d9\uc801\uc73c\ub85c \ubc18\uc751\ud558\uac8c \ub9cc\ub4dc\ub294 \uacfc\uc815\uc5d0 \ub300\ud574\uc11c \uc124\uba85\ud569\ub2c8\ub2e4. \ub530\ub77c\uc11c, \ucd5c\uc18c\ud55c darttutorial-33-01.dart \ud504\ub85c\uadf8\ub7a8\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \ubcf4\ub3c4\ub85d \ud569\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=\"136\" height=\"49\"\/><\/figure><\/div>\n\n\n\n<p>Creative Commons License (CC BY-NC-ND)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt; Flutter \ud65c\uc6a9\ud558\uae30 &#8211; StatelessWidget Example &gt; \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c &#8230;<\/p>\n","protected":false},"author":1,"featured_media":988,"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":[13],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"&lt; Flutter \ud65c\uc6a9\ud558\uae30 - StatelessWidget Example &gt; \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. Building Layouts - Layout in Flutter Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 https:\/\/flutter.dev\/docs\/development\/ui\/layout \uc5d0 \uc704\uce58\ud55c Layouts\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"drsungwon\"\/>\n\t<link rel=\"canonical\" href=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"ko_KR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Welcome to Dr.Sungwon - {alias} devilinus.synology.me\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Dart Programmer \ub418\uae30 [33] - Welcome to Dr.Sungwon\" \/>\n\t\t<meta property=\"og:description\" content=\"&lt; Flutter \ud65c\uc6a9\ud558\uae30 - StatelessWidget Example &gt; \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. Building Layouts - Layout in Flutter Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 https:\/\/flutter.dev\/docs\/development\/ui\/layout \uc5d0 \uc704\uce58\ud55c Layouts\" \/>\n\t\t<meta property=\"og:url\" content=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/\" \/>\n\t\t<meta property=\"og:image\" content=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2023\/05\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2023-05-27-\u110b\u1169\u110c\u1165\u11ab-10.46.20-e1685152019984.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"160\" \/>\n\t\t<meta property=\"og:image:height\" content=\"28\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-08-31T00:00:45+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-04-05T10:09:45+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Dart Programmer \ub418\uae30 [33] - Welcome to Dr.Sungwon\" \/>\n\t\t<meta name=\"twitter:description\" content=\"&lt; Flutter \ud65c\uc6a9\ud558\uae30 - StatelessWidget Example &gt; \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. Building Layouts - Layout in Flutter Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 https:\/\/flutter.dev\/docs\/development\/ui\/layout \uc5d0 \uc704\uce58\ud55c Layouts\" \/>\n\t\t<meta name=\"twitter:image\" content=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2023\/05\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2023-05-27-\u110b\u1169\u110c\u1165\u11ab-10.46.20-e1685152019984.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#blogposting\",\"name\":\"Dart Programmer \\ub418\\uae30 [33] - Welcome to Dr.Sungwon\",\"headline\":\"Dart Programmer \\ub418\\uae30 [33]\",\"author\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/author\\\/drsungwon\\\/#author\"},\"publisher\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/chapter-33.png\",\"width\":691,\"height\":158},\"datePublished\":\"2020-08-31T09:00:45+09:00\",\"dateModified\":\"2020-04-05T19:09:45+09:00\",\"inLanguage\":\"ko-KR\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#webpage\"},\"isPartOf\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#webpage\"},\"articleSection\":\"writing, flutter\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/category\\\/writing-by-drsungwon\\\/#listItem\",\"name\":\"writing\"}},{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/category\\\/writing-by-drsungwon\\\/#listItem\",\"position\":2,\"name\":\"writing\",\"item\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/category\\\/writing-by-drsungwon\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#listItem\",\"name\":\"Dart Programmer \\ub418\\uae30 [33]\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#listItem\",\"position\":3,\"name\":\"Dart Programmer \\ub418\\uae30 [33]\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/category\\\/writing-by-drsungwon\\\/#listItem\",\"name\":\"writing\"}}]},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/#organization\",\"name\":\"Welcome to Dr.Sungwon\",\"description\":\"{alias} devilinus.synology.me\",\"url\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/\\u1109\\u1173\\u110f\\u1173\\u1105\\u1175\\u11ab\\u1109\\u1163\\u11ba-2023-05-27-\\u110b\\u1169\\u110c\\u1165\\u11ab-10.46.20-e1685152019984.png\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#organizationLogo\",\"width\":160,\"height\":28},\"image\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/author\\\/drsungwon\\\/#author\",\"url\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/author\\\/drsungwon\\\/\",\"name\":\"drsungwon\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#authorImage\",\"url\":\"http:\\\/\\\/1.gravatar.com\\\/avatar\\\/7e7380e6e6864b43c703530d660d33b4?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"drsungwon\"}},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#webpage\",\"url\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/\",\"name\":\"Dart Programmer \\ub418\\uae30 [33] - Welcome to Dr.Sungwon\",\"description\":\"< Flutter \\ud65c\\uc6a9\\ud558\\uae30 - StatelessWidget Example > \\uc9c0\\uae08\\uae4c\\uc9c0 \\uae00\\ub4e4\\uc744 \\uc774\\ud574\\ud558\\uace0 \\uc2e4\\ud589\\ud574 \\uc654\\ub2e4\\uba74, \\uc774\\uc81c \\uc9c1\\uc811 \\uc2a4\\ub9c8\\ud2b8\\ud3f0\\uacfc \\ud0dc\\ube14\\ub9bf\\uc5d0\\uc11c \\ucee8\\ud150\\uce20\\uac00 \\ubc14\\ub00c\\uc9c0 \\uc54a\\ub294 \\ud504\\ub85c\\uadf8\\ub7a8\\uc758 \\uac1c\\ubc1c\\uc740 \\uac00\\ub2a5\\ud558\\uac8c \\ub418\\uc5c8\\uc2b5\\ub2c8\\ub2e4. \\uc774\\ubc88 \\uae00\\uc5d0\\uc11c\\ub294 \\uc55e\\uc11c\\uc758 \\ub0b4\\uc6a9\\uc744 \\uc81c\\ub300\\ub85c \\uc774\\ud574\\ud558\\uace0 \\uc788\\ub294\\uc9c0\\ub97c \\uc7ac\\ud655\\uc778\\ud558\\ub294 \\ucc28\\uc6d0\\uc5d0\\uc11c Flutter \\uacf5\\uc2dd \\uc0ac\\uc774\\ud2b8\\uc758 \\uc2e4\\uc2b5 \\uacfc\\uc815\\uc744 \\uc9c1\\uc811 \\ud574\\ubcf4\\ub294 \\uac83\\uc73c\\ub85c \\ub300\\uccb4\\ud558\\uace0\\uc790 \\ud569\\ub2c8\\ub2e4. Building Layouts - Layout in Flutter Flutter \\uacf5\\uc2dd \\uc0ac\\uc774\\ud2b8\\uc758 https:\\\/\\\/flutter.dev\\\/docs\\\/development\\\/ui\\\/layout \\uc5d0 \\uc704\\uce58\\ud55c Layouts\",\"inLanguage\":\"ko-KR\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#breadcrumblist\"},\"author\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/author\\\/drsungwon\\\/#author\"},\"creator\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/author\\\/drsungwon\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/chapter-33.png\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#mainImage\",\"width\":691,\"height\":158},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/2020\\\/08\\\/31\\\/be-dart-programmer-33\\\/#mainImage\"},\"datePublished\":\"2020-08-31T09:00:45+09:00\",\"dateModified\":\"2020-04-05T19:09:45+09:00\"},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/#website\",\"url\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/\",\"name\":\"Welcome to Dr.Sungwon\",\"description\":\"{alias} devilinus.synology.me\",\"inLanguage\":\"ko-KR\",\"publisher\":{\"@id\":\"http:\\\/\\\/mobilelab.khu.ac.kr\\\/wordpress\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Dart Programmer \ub418\uae30 [33] - Welcome to Dr.Sungwon","description":"< Flutter \ud65c\uc6a9\ud558\uae30 - StatelessWidget Example > \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. Building Layouts - Layout in Flutter Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 https:\/\/flutter.dev\/docs\/development\/ui\/layout \uc5d0 \uc704\uce58\ud55c Layouts","canonical_url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#blogposting","name":"Dart Programmer \ub418\uae30 [33] - Welcome to Dr.Sungwon","headline":"Dart Programmer \ub418\uae30 [33]","author":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/author\/drsungwon\/#author"},"publisher":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/#organization"},"image":{"@type":"ImageObject","url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/08\/chapter-33.png","width":691,"height":158},"datePublished":"2020-08-31T09:00:45+09:00","dateModified":"2020-04-05T19:09:45+09:00","inLanguage":"ko-KR","mainEntityOfPage":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#webpage"},"isPartOf":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#webpage"},"articleSection":"writing, flutter"},{"@type":"BreadcrumbList","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress#listItem","position":1,"name":"Home","item":"http:\/\/mobilelab.khu.ac.kr\/wordpress","nextItem":{"@type":"ListItem","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/category\/writing-by-drsungwon\/#listItem","name":"writing"}},{"@type":"ListItem","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/category\/writing-by-drsungwon\/#listItem","position":2,"name":"writing","item":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/category\/writing-by-drsungwon\/","nextItem":{"@type":"ListItem","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#listItem","name":"Dart Programmer \ub418\uae30 [33]"},"previousItem":{"@type":"ListItem","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#listItem","position":3,"name":"Dart Programmer \ub418\uae30 [33]","previousItem":{"@type":"ListItem","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/category\/writing-by-drsungwon\/#listItem","name":"writing"}}]},{"@type":"Organization","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/#organization","name":"Welcome to Dr.Sungwon","description":"{alias} devilinus.synology.me","url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/","logo":{"@type":"ImageObject","url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2023\/05\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2023-05-27-\u110b\u1169\u110c\u1165\u11ab-10.46.20-e1685152019984.png","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#organizationLogo","width":160,"height":28},"image":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#organizationLogo"}},{"@type":"Person","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/author\/drsungwon\/#author","url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/author\/drsungwon\/","name":"drsungwon","image":{"@type":"ImageObject","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#authorImage","url":"http:\/\/1.gravatar.com\/avatar\/7e7380e6e6864b43c703530d660d33b4?s=96&d=mm&r=g","width":96,"height":96,"caption":"drsungwon"}},{"@type":"WebPage","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#webpage","url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/","name":"Dart Programmer \ub418\uae30 [33] - Welcome to Dr.Sungwon","description":"< Flutter \ud65c\uc6a9\ud558\uae30 - StatelessWidget Example > \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. Building Layouts - Layout in Flutter Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 https:\/\/flutter.dev\/docs\/development\/ui\/layout \uc5d0 \uc704\uce58\ud55c Layouts","inLanguage":"ko-KR","isPartOf":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/#website"},"breadcrumb":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#breadcrumblist"},"author":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/author\/drsungwon\/#author"},"creator":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/author\/drsungwon\/#author"},"image":{"@type":"ImageObject","url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2020\/08\/chapter-33.png","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#mainImage","width":691,"height":158},"primaryImageOfPage":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/#mainImage"},"datePublished":"2020-08-31T09:00:45+09:00","dateModified":"2020-04-05T19:09:45+09:00"},{"@type":"WebSite","@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/#website","url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/","name":"Welcome to Dr.Sungwon","description":"{alias} devilinus.synology.me","inLanguage":"ko-KR","publisher":{"@id":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/#organization"}}]},"og:locale":"ko_KR","og:site_name":"Welcome to Dr.Sungwon - {alias} devilinus.synology.me","og:type":"article","og:title":"Dart Programmer \ub418\uae30 [33] - Welcome to Dr.Sungwon","og:description":"&lt; Flutter \ud65c\uc6a9\ud558\uae30 - StatelessWidget Example &gt; \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. Building Layouts - Layout in Flutter Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 https:\/\/flutter.dev\/docs\/development\/ui\/layout \uc5d0 \uc704\uce58\ud55c Layouts","og:url":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/","og:image":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2023\/05\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2023-05-27-\u110b\u1169\u110c\u1165\u11ab-10.46.20-e1685152019984.png","og:image:width":160,"og:image:height":28,"article:published_time":"2020-08-31T00:00:45+00:00","article:modified_time":"2020-04-05T10:09:45+00:00","twitter:card":"summary_large_image","twitter:title":"Dart Programmer \ub418\uae30 [33] - Welcome to Dr.Sungwon","twitter:description":"&lt; Flutter \ud65c\uc6a9\ud558\uae30 - StatelessWidget Example &gt; \uc9c0\uae08\uae4c\uc9c0 \uae00\ub4e4\uc744 \uc774\ud574\ud558\uace0 \uc2e4\ud589\ud574 \uc654\ub2e4\uba74, \uc774\uc81c \uc9c1\uc811 \uc2a4\ub9c8\ud2b8\ud3f0\uacfc \ud0dc\ube14\ub9bf\uc5d0\uc11c \ucee8\ud150\uce20\uac00 \ubc14\ub00c\uc9c0 \uc54a\ub294 \ud504\ub85c\uadf8\ub7a8\uc758 \uac1c\ubc1c\uc740 \uac00\ub2a5\ud558\uac8c \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uc55e\uc11c\uc758 \ub0b4\uc6a9\uc744 \uc81c\ub300\ub85c \uc774\ud574\ud558\uace0 \uc788\ub294\uc9c0\ub97c \uc7ac\ud655\uc778\ud558\ub294 \ucc28\uc6d0\uc5d0\uc11c Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 \uc2e4\uc2b5 \uacfc\uc815\uc744 \uc9c1\uc811 \ud574\ubcf4\ub294 \uac83\uc73c\ub85c \ub300\uccb4\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. Building Layouts - Layout in Flutter Flutter \uacf5\uc2dd \uc0ac\uc774\ud2b8\uc758 https:\/\/flutter.dev\/docs\/development\/ui\/layout \uc5d0 \uc704\uce58\ud55c Layouts","twitter:image":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-content\/uploads\/2023\/05\/\u1109\u1173\u110f\u1173\u1105\u1175\u11ab\u1109\u1163\u11ba-2023-05-27-\u110b\u1169\u110c\u1165\u11ab-10.46.20-e1685152019984.png"},"aioseo_meta_data":{"post_id":"905","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-05-30 23:50:52","updated":"2025-12-16 23:36:39","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"http:\/\/mobilelab.khu.ac.kr\/wordpress\/category\/writing-by-drsungwon\/\" title=\"writing\">writing<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tDart Programmer \ub418\uae30 [33]\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"http:\/\/mobilelab.khu.ac.kr\/wordpress"},{"label":"writing","link":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/category\/writing-by-drsungwon\/"},{"label":"Dart Programmer \ub418\uae30 [33]","link":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/2020\/08\/31\/be-dart-programmer-33\/"}],"_links":{"self":[{"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/905"}],"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=905"}],"version-history":[{"count":4,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/905\/revisions"}],"predecessor-version":[{"id":989,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/posts\/905\/revisions\/989"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/media\/988"}],"wp:attachment":[{"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/media?parent=905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/categories?post=905"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mobilelab.khu.ac.kr\/wordpress\/wp-json\/wp\/v2\/tags?post=905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}