{"id":32555,"date":"2024-11-01T09:09:57","date_gmt":"2024-11-01T09:09:57","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=32555"},"modified":"2024-11-01T11:54:49","modified_gmt":"2024-11-01T11:54:49","slug":"flutter-course-2-4-creating-the-first-project","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/32555\/","title":{"rendered":"Flutter Course: 2.4 Creating the First Project"},"content":{"rendered":"<p>In this course, we will learn how to create your first mobile application project using Flutter. Flutter is a UI toolkit developed by Google that enables developers to create native applications for both iOS and Android platforms using a single codebase. Due to its diverse widgets and excellent performance, many developers choose this framework today.<\/p>\n<h2>1. Environment Setup<\/h2>\n<p>To use Flutter, you need to set up your development environment first. This involves downloading the Flutter SDK and setting up an IDE.<\/p>\n<h3>1.1 Download Flutter SDK<\/h3>\n<ol>\n<li>Visit the official Flutter website (<a href=\"https:\/\/flutter.dev\">flutter.dev<\/a>) to download the SDK.<\/li>\n<li>Extract the downloaded zip file and save it in your desired location.<\/li>\n<li>Add the bin directory of Flutter to the system environment variables to make the commands accessible.<\/li>\n<\/ol>\n<h3>1.2 IDE Installation<\/h3>\n<p>Flutter supports various IDEs. I recommend Visual Studio Code and Android Studio, which are among the most commonly used IDEs.<\/p>\n<ul>\n<li><strong>Visual Studio Code<\/strong>: A lightweight IDE that allows easy project management after installing the Flutter and Dart extensions.<\/li>\n<li><strong>Android Studio<\/strong>: Comes with all the necessary tools and is optimized for Android development.<\/li>\n<\/ul>\n<h2>2. Creating Your First Project<\/h2>\n<p>Now we will create a Flutter project. This will help you understand the basic structure and content of Flutter.<\/p>\n<h3>2.1 Starting a New Project<\/h3>\n<pre><code>flutter create my_first_app<\/code><\/pre>\n<p>By entering this command, a new Flutter project named &#8220;my_first_app&#8221; will be created. This folder will contain the basic structure of a Flutter app.<\/p>\n<h3>2.2 Understanding the Project File Structure<\/h3>\n<p>Once the project is created, several files and folders will be generated. Let&#8217;s take a look at the main contents.<\/p>\n<ul>\n<li><strong>lib\/main.dart<\/strong>: This file is the entry point of the Flutter application. It contains the main sections that define the structure and UI of the app.<\/li>\n<li><strong>pubspec.yaml<\/strong>: This file manages the metadata and dependencies of the project. Library additions are made here.<\/li>\n<li><strong>ios<\/strong> and <strong>android<\/strong>: These folders contain the build settings and code for the iOS and Android platforms, respectively.<\/li>\n<\/ul>\n<h3>2.3 Running the Project<\/h3>\n<p>Run the project by entering the following commands in the terminal:<\/p>\n<pre><code>cd my_first_app\nflutter run<\/code><\/pre>\n<p>This command will launch the basic app. By default, an app with a counter will be displayed, and the count will increase when the button is clicked.<\/p>\n<h2>3. Building the UI<\/h2>\n<p>Now let&#8217;s modify the application&#8217;s UI to make it a bit more interesting.<\/p>\n<h3>3.1 StatelessWidget vs StatefulWidget<\/h3>\n<p>In Flutter, UI components are mainly divided into two types: StatelessWidget and StatefulWidget. It&#8217;s important to understand the differences between them.<\/p>\n<ul>\n<li><strong>StatelessWidget<\/strong>: A widget that does not have a state. It is for static UIs that do not change. Examples include text and icons.<\/li>\n<li><strong>StatefulWidget<\/strong>: A widget that has a state and can update the UI when the state changes. For example, a UI that reacts to button clicks.<\/li>\n<\/ul>\n<h3>3.2 Modifying the App UI<\/h3>\n<p>Now open the main.dart file and modify the basic UI. Try changing it to the following code.<\/p>\n<pre><code>import 'package:flutter\/material.dart';\n\nvoid main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'First App',\n      theme: ThemeData(\n        primarySwatch: Colors.blue,\n      ),\n      home: MyHomePage(),\n    );\n  }\n}\n\nclass MyHomePage extends StatefulWidget {\n  @override\n  _MyHomePageState createState() => _MyHomePageState();\n}\n\nclass _MyHomePageState extends State<MyHomePage> {\n  int _counter = 0;\n\n  void _incrementCounter() {\n    setState(() {\n      _counter++;\n    });\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: Text(\"First Project\"),\n      ),\n      body: Center(\n        child: Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          children: <Widget>[\n            Text(\n              'Number of button clicks:',\n            ),\n            Text(\n              '$_counter',\n              style: Theme.of(context).textTheme.headline4,\n            ),\n          ],\n        ),\n      ),\n      floatingActionButton: FloatingActionButton(\n        onPressed: _incrementCounter,\n        tooltip: 'Increment',\n        child: Icon(Icons.add),\n      ),\n    );\n  }\n}<\/code><\/pre>\n<p>With the code above, you can create a simple UI that displays text and a counter on the main screen of the app.<\/p>\n<h2>4. Adding Animation<\/h2>\n<p>One of Flutter&#8217;s powerful features is its ease of handling animations. Let&#8217;s add animations to the application to create a more attractive UI.<\/p>\n<h3>4.1 Adding Fade Transition Animation<\/h3>\n<p>Let&#8217;s add a fade animation that makes the text disappear and then reappear when the button is pressed.<\/p>\n<pre><code>import 'package:flutter\/material.dart';\n\nvoid main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'First App',\n      theme: ThemeData(\n        primarySwatch: Colors.blue,\n      ),\n      home: MyHomePage(),\n    );\n  }\n}\n\nclass MyHomePage extends StatefulWidget {\n  @override\n  _MyHomePageState createState() => _MyHomePageState();\n}\n\nclass _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin {\n  int _counter = 0;\n  bool _visible = true;\n\n  void _incrementCounter() {\n    setState(() {\n      _counter++;\n      _visible = !_visible; \/\/ fade in\/out effect\n    });\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: Text(\"First Project\"),\n      ),\n      body: Center(\n        child: Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          children: <Widget>[\n            AnimatedOpacity(\n              opacity: _visible ? 1.0 : 0.0,\n              duration: Duration(milliseconds: 500),\n              child: Text(\n                'Number of button clicks: $_counter',\n                style: Theme.of(context).textTheme.headline4,\n              ),\n            ),\n          ],\n        ),\n      ),\n      floatingActionButton: FloatingActionButton(\n        onPressed: _incrementCounter,\n        tooltip: 'Increment',\n        child: Icon(Icons.add),\n      ),\n    );\n  }\n}<\/code><\/pre>\n<p>With this code, you can add a nice animation where the text gradually disappears and reappears along with the counter when the button is clicked.<\/p>\n<h2>5. Final Testing and Deployment<\/h2>\n<p>Finally, it&#8217;s time to check the final state of the project and prepare for deployment. Flutter allows you to deploy to both iOS and Android. Let&#8217;s move on to the next steps.<\/p>\n<h3>5.1 Testing on Android Emulator<\/h3>\n<p>You can test the app using the Android emulator in Android Studio. Launch the emulator and check if the app works properly.<\/p>\n<h3>5.2 Testing on iOS Device<\/h3>\n<p>If you are using a Mac, you can test the app on an iOS device through Xcode. You need to confirm the trust settings for your iOS device before running it.<\/p>\n<h3>5.3 Deploying the App<\/h3>\n<p>Once the app is complete, you need to prepare it for deployment in the next steps. Flutter allows you to build the app using the <strong>flutter build<\/strong> command, generating files tailored to each platform.<\/p>\n<pre><code>flutter build apk          # Generate APK file for Android\nflutter build ios          # Build for iOS<\/code><\/pre>\n<p>This process will allow you to create the final APK or iOS files, which you can then deploy to the Google Play Store and Apple App Store.<\/p>\n<h2>Conclusion<\/h2>\n<p>In this course, you learned how to create your first project using Flutter. You explored basic elements like UI components and adding animations. Challenge yourself to add more features or designs in the future to create even more excellent applications.<\/p>\n<p>Flutter is a powerful toolkit that allows you to develop various applications using more features and widgets. In the next course, we will cover more advanced topics such as implementing more complex functionalities or API integrations, so stay tuned.<\/p>\n<p>Thank you! If you have any questions or topics for discussion, please leave a comment.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this course, we will learn how to create your first mobile application project using Flutter. Flutter is a UI toolkit developed by Google that enables developers to create native applications for both iOS and Android platforms using a single codebase. Due to its diverse widgets and excellent performance, many developers choose this framework today. &hellip; <a href=\"https:\/\/atmokpo.com\/w\/32555\/\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Flutter Course: 2.4 Creating the First 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-32555","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.4 Creating the First 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\/32555\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter Course: 2.4 Creating the First Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"og:description\" content=\"In this course, we will learn how to create your first mobile application project using Flutter. Flutter is a UI toolkit developed by Google that enables developers to create native applications for both iOS and Android platforms using a single codebase. Due to its diverse widgets and excellent performance, many developers choose this framework today. &hellip; \ub354 \ubcf4\uae30 &quot;Flutter Course: 2.4 Creating the First Project&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmokpo.com\/w\/32555\/\" \/>\n<meta property=\"og:site_name\" content=\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-01T09:09:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-01T11:54:49+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=\"5\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/atmokpo.com\/w\/32555\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32555\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\"},\"headline\":\"Flutter Course: 2.4 Creating the First Project\",\"datePublished\":\"2024-11-01T09:09:57+00:00\",\"dateModified\":\"2024-11-01T11:54:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32555\/\"},\"wordCount\":833,\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"articleSection\":[\"Flutter course\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmokpo.com\/w\/32555\/\",\"url\":\"https:\/\/atmokpo.com\/w\/32555\/\",\"name\":\"Flutter Course: 2.4 Creating the First Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#website\"},\"datePublished\":\"2024-11-01T09:09:57+00:00\",\"dateModified\":\"2024-11-01T11:54:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32555\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmokpo.com\/w\/32555\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmokpo.com\/w\/32555\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\/\/atmokpo.com\/w\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flutter Course: 2.4 Creating the First 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.4 Creating the First 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\/32555\/","og_locale":"ko_KR","og_type":"article","og_title":"Flutter Course: 2.4 Creating the First Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","og_description":"In this course, we will learn how to create your first mobile application project using Flutter. Flutter is a UI toolkit developed by Google that enables developers to create native applications for both iOS and Android platforms using a single codebase. Due to its diverse widgets and excellent performance, many developers choose this framework today. &hellip; \ub354 \ubcf4\uae30 \"Flutter Course: 2.4 Creating the First Project\"","og_url":"https:\/\/atmokpo.com\/w\/32555\/","og_site_name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","article_published_time":"2024-11-01T09:09:57+00:00","article_modified_time":"2024-11-01T11:54:49+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":"5\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/atmokpo.com\/w\/32555\/#article","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/32555\/"},"author":{"name":"root","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7"},"headline":"Flutter Course: 2.4 Creating the First Project","datePublished":"2024-11-01T09:09:57+00:00","dateModified":"2024-11-01T11:54:49+00:00","mainEntityOfPage":{"@id":"https:\/\/atmokpo.com\/w\/32555\/"},"wordCount":833,"publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"articleSection":["Flutter course"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/atmokpo.com\/w\/32555\/","url":"https:\/\/atmokpo.com\/w\/32555\/","name":"Flutter Course: 2.4 Creating the First Project - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/#website"},"datePublished":"2024-11-01T09:09:57+00:00","dateModified":"2024-11-01T11:54:49+00:00","breadcrumb":{"@id":"https:\/\/atmokpo.com\/w\/32555\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmokpo.com\/w\/32555\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmokpo.com\/w\/32555\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/atmokpo.com\/w\/en\/"},{"@type":"ListItem","position":2,"name":"Flutter Course: 2.4 Creating the First 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\/32555","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=32555"}],"version-history":[{"count":1,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32555\/revisions"}],"predecessor-version":[{"id":32556,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32555\/revisions\/32556"}],"wp:attachment":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/media?parent=32555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/categories?post=32555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/tags?post=32555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}