{"id":32561,"date":"2024-11-01T09:09:59","date_gmt":"2024-11-01T09:09:59","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=32561"},"modified":"2024-11-01T11:54:48","modified_gmt":"2024-11-01T11:54:48","slug":"flutter-course-2-7-running-a-project","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/32561\/","title":{"rendered":"Flutter Course: 2.7 Running a Project"},"content":{"rendered":"<p><body><\/p>\n<p>Flutter is an open-source UI software development kit (SDK) developed by Google that allows you to create iOS, Android, web, and desktop applications from a single codebase. While it is possible to build stunning user interfaces using the latest version of Flutter, new users often struggle to set up their first project. In this tutorial, we will explore how to create and run a project using Flutter 2.7.<\/p>\n<h2>1. Setting Up Flutter Environment<\/h2>\n<p>The first step to starting a project is to set up the Flutter development environment. This requires installing the Flutter SDK, an IDE, and the necessary tools.<\/p>\n<h3>1.1 Installing the Flutter SDK<\/h3>\n<p>To install the Flutter SDK, follow these steps:<\/p>\n<ol>\n<li>Visit the official Flutter website (<a href=\"https:\/\/flutter.dev\/docs\/get-started\/install\">flutter.dev<\/a>).<\/li>\n<li>Select and download the installation guide for your operating system.<\/li>\n<li>Unzip the downloaded ZIP file to an appropriate directory.<\/li>\n<li>Add the Flutter binary path to your system PATH.<\/li>\n<\/ol>\n<h3>1.2 Installing Development Tools<\/h3>\n<p>For convenient development, it is recommended to install an IDE (Integrated Development Environment). The best compatible options with Flutter are:<\/p>\n<ul>\n<li><strong>Android Studio:<\/strong> An IDE provided by Google that includes powerful Android development tools.<\/li>\n<li><strong>Visual Studio Code:<\/strong> A lightweight code editor that can be extended with Flutter plugins.<\/li>\n<li><strong>IntelliJ IDEA:<\/strong> An IDE developed by JetBrains that provides plugins for Flutter development.<\/li>\n<\/ul>\n<h3>1.3 Running Flutter Doctor<\/h3>\n<p>Once the installation is complete, run the <code>flutter doctor<\/code> command to check for any missing dependencies and ensure the environment is set up correctly. Open a terminal (or command prompt) and enter the following command:<\/p>\n<pre><code>flutter doctor<\/code><\/pre>\n<p>When you run the command, it will output the status of the installed tools and required dependencies. If any items are missing, it is important to follow the guide provided by Flutter to install them.<\/p>\n<h2>2. Creating a Flutter Project<\/h2>\n<p>Once the environment is set up, let\u2019s create your first Flutter project. You can easily create a new project using the Flutter CLI (Command Line Interface).<\/p>\n<h3>2.1 Creating a New Project<\/h3>\n<p>Enter the following command in the terminal to create a project:<\/p>\n<pre><code>flutter create my_first_app<\/code><\/pre>\n<p>This command creates a new Flutter project named <code>my_first_app<\/code>. You can change it to a name of your choice.<\/p>\n<h3>2.2 Navigating to the Created Project Directory<\/h3>\n<p>Once the project is created, you need to navigate to that directory. Enter the following command:<\/p>\n<pre><code>cd my_first_app<\/code><\/pre>\n<h2>3. Running the Flutter Project<\/h2>\n<p>After creating the project, here\u2019s how to actually run the Flutter app. Flutter offers various ways to test your app, and you can run it on a simulator, emulator, or real device.<\/p>\n<h3>3.1 Running the Android Emulator<\/h3>\n<p>If you have set up an Android emulator using Android Studio, you can run it through the following steps:<\/p>\n<ol>\n<li>Open Android Studio and launch the AVD (Android Virtual Device) Manager.<\/li>\n<li>Create a new virtual device or select an existing one to run.<\/li>\n<\/ol>\n<h3>3.2 Running the Flutter App<\/h3>\n<p>Now you are all set. Use the following command to run the Flutter app:<\/p>\n<pre><code>flutter run<\/code><\/pre>\n<p>By entering the above command, the created Flutter app will run on the emulator or connected physical device. If multiple devices are connected, a prompt will appear asking you to select the device to use.<\/p>\n<h2>4. Checking After Project Execution<\/h2>\n<p>If the app runs successfully, the basic Flutter app interface will open. Now you can personalize the app with simple modifications. You can verify changes by modifying the default Flutter sample code provided.<\/p>\n<h3>4.1 Modifying the Code<\/h3>\n<p>Open the <code>lib\/main.dart<\/code> file of the project to check the basic code structure and make the following changes:<\/p>\n<pre><code>\nimport 'package:flutter\/material.dart';\n\nvoid main() =&gt; runApp(MyApp());\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        appBar: AppBar(\n          title: Text('Hello, Flutter!'),\n        ),\n        body: Center(\n          child: Text('Hello, Flutter World!'),\n        ),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n<p>After applying the above code, enter the <code>flutter run<\/code> command again, and the app screen will update to show the new text.<\/p>\n<h3>4.2 Using Hot Reload<\/h3>\n<p>One of the advantages of Flutter is its <strong>Hot Reload<\/strong> feature. This allows you to apply code changes to the application in real-time without restarting the app. Changes are automatically updated upon saving the code.<\/p>\n<h2>5. Debugging and Troubleshooting<\/h2>\n<p>You may encounter issues while running the app. Here are some tips for resolving such issues:<\/p>\n<h3>5.1 Rechecking Flutter Doctor<\/h3>\n<p>If issues persist, run <code>flutter doctor<\/code> again to ensure that all dependencies are installed correctly.<\/p>\n<h3>5.2 Checking Logs<\/h3>\n<p>You can track error messages and resolve issues by checking the logs that occur during app execution. You can view the logs using the <code>flutter logs<\/code> command in the terminal.<\/p>\n<h3>5.3 Google It<\/h3>\n<p>Most problems are likely experienced by other developers as well. It is advisable to search for error messages related to issues to find useful information.<\/p>\n<h2>Conclusion<\/h2>\n<p>In this tutorial, we learned how to create and run a basic project using Flutter 2.7. Flutter is a powerful platform, especially suited for mobile application development. By following the above steps, you can easily start your own project and explore various features of Flutter. You can find more resources and documentation at the <a href=\"https:\/\/flutter.dev\/docs\">official Flutter documentation<\/a>.<\/p>\n<p>In future tutorials, we will cover more advanced topics such as various Flutter widgets, state management techniques, API communication, and more. Stay tuned!<\/p>\n<p><\/body><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flutter is an open-source UI software development kit (SDK) developed by Google that allows you to create iOS, Android, web, and desktop applications from a single codebase. While it is possible to build stunning user interfaces using the latest version of Flutter, new users often struggle to set up their first project. In this tutorial, &hellip; <a href=\"https:\/\/atmokpo.com\/w\/32561\/\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Flutter Course: 2.7 Running a Project&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[151],"tags":[],"class_list":["post-32561","post","type-post","status-publish","format-standard","hentry","category-flutter-course"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flutter Course: 2.7 Running a Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atmokpo.com\/w\/32561\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter Course: 2.7 Running a Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"og:description\" content=\"Flutter is an open-source UI software development kit (SDK) developed by Google that allows you to create iOS, Android, web, and desktop applications from a single codebase. While it is possible to build stunning user interfaces using the latest version of Flutter, new users often struggle to set up their first project. In this tutorial, &hellip; \ub354 \ubcf4\uae30 &quot;Flutter Course: 2.7 Running a Project&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmokpo.com\/w\/32561\/\" \/>\n<meta property=\"og:site_name\" content=\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-01T09:09:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-01T11:54:48+00:00\" \/>\n<meta name=\"author\" content=\"root\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:site\" content=\"@bebubo4\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"root\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atmokpo.com\/w\/32561\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32561\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\"},\"headline\":\"Flutter Course: 2.7 Running a Project\",\"datePublished\":\"2024-11-01T09:09:59+00:00\",\"dateModified\":\"2024-11-01T11:54:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32561\/\"},\"wordCount\":793,\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"articleSection\":[\"Flutter course\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmokpo.com\/w\/32561\/\",\"url\":\"https:\/\/atmokpo.com\/w\/32561\/\",\"name\":\"Flutter Course: 2.7 Running a Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#website\"},\"datePublished\":\"2024-11-01T09:09:59+00:00\",\"dateModified\":\"2024-11-01T11:54:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32561\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmokpo.com\/w\/32561\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmokpo.com\/w\/32561\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\/\/atmokpo.com\/w\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flutter Course: 2.7 Running a Project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atmokpo.com\/w\/#website\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atmokpo.com\/w\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\",\"name\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"url\":\"https:\/\/atmokpo.com\/w\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"contentUrl\":\"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png\",\"width\":400,\"height\":400,\"caption\":\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\"},\"image\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/bebubo4\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\",\"name\":\"root\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g\",\"caption\":\"root\"},\"sameAs\":[\"http:\/\/atmokpo.com\/w\"],\"url\":\"https:\/\/atmokpo.com\/w\/author\/root\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flutter Course: 2.7 Running a Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atmokpo.com\/w\/32561\/","og_locale":"ko_KR","og_type":"article","og_title":"Flutter Course: 2.7 Running a Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","og_description":"Flutter is an open-source UI software development kit (SDK) developed by Google that allows you to create iOS, Android, web, and desktop applications from a single codebase. While it is possible to build stunning user interfaces using the latest version of Flutter, new users often struggle to set up their first project. In this tutorial, &hellip; \ub354 \ubcf4\uae30 \"Flutter Course: 2.7 Running a Project\"","og_url":"https:\/\/atmokpo.com\/w\/32561\/","og_site_name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","article_published_time":"2024-11-01T09:09:59+00:00","article_modified_time":"2024-11-01T11:54:48+00:00","author":"root","twitter_card":"summary_large_image","twitter_creator":"@bebubo4","twitter_site":"@bebubo4","twitter_misc":{"\uae00\uc4f4\uc774":"root","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"4\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atmokpo.com\/w\/32561\/#article","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/32561\/"},"author":{"name":"root","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7"},"headline":"Flutter Course: 2.7 Running a Project","datePublished":"2024-11-01T09:09:59+00:00","dateModified":"2024-11-01T11:54:48+00:00","mainEntityOfPage":{"@id":"https:\/\/atmokpo.com\/w\/32561\/"},"wordCount":793,"publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"articleSection":["Flutter course"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/atmokpo.com\/w\/32561\/","url":"https:\/\/atmokpo.com\/w\/32561\/","name":"Flutter Course: 2.7 Running a Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/#website"},"datePublished":"2024-11-01T09:09:59+00:00","dateModified":"2024-11-01T11:54:48+00:00","breadcrumb":{"@id":"https:\/\/atmokpo.com\/w\/32561\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmokpo.com\/w\/32561\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmokpo.com\/w\/32561\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/atmokpo.com\/w\/en\/"},{"@type":"ListItem","position":2,"name":"Flutter Course: 2.7 Running a Project"}]},{"@type":"WebSite","@id":"https:\/\/atmokpo.com\/w\/#website","url":"https:\/\/atmokpo.com\/w\/","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","description":"","publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atmokpo.com\/w\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/atmokpo.com\/w\/#organization","name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","url":"https:\/\/atmokpo.com\/w\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/","url":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","contentUrl":"https:\/\/atmokpo.com\/w\/wp-content\/uploads\/2024\/11\/logo.png","width":400,"height":400,"caption":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8"},"image":{"@id":"https:\/\/atmokpo.com\/w\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/bebubo4"]},{"@type":"Person","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7","name":"root","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/708197b41fc6435a7ce22d951b25d4a47e9e904270cb1f04682d4f025066f80c?s=96&d=mm&r=g","caption":"root"},"sameAs":["http:\/\/atmokpo.com\/w"],"url":"https:\/\/atmokpo.com\/w\/author\/root\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/comments?post=32561"}],"version-history":[{"count":1,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32561\/revisions"}],"predecessor-version":[{"id":32562,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32561\/revisions\/32562"}],"wp:attachment":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/media?parent=32561"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/categories?post=32561"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/tags?post=32561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}