{"id":32609,"date":"2024-11-01T09:10:18","date_gmt":"2024-11-01T09:10:18","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=32609"},"modified":"2024-11-01T11:54:37","modified_gmt":"2024-11-01T11:54:37","slug":"flutter-course-7-4-placing-child-widgets-inside-the-column-widget","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/32609\/","title":{"rendered":"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget"},"content":{"rendered":"<p>Flutter is a UI toolkit developed by Google that helps create mobile, web, and desktop applications easily. In this article, we will take a closer look at one of Flutter&#8217;s key widgets, the <code>Column<\/code> widget, and explain how to arrange child widgets using it.<\/p>\n<h2>1. Introduction to the Column widget<\/h2>\n<p>The <code>Column<\/code> widget is a basic layout widget used in Flutter to arrange child widgets in a vertical direction. This widget arranges multiple child widgets vertically, and their positions are automatically aligned according to the given layout. The <code>Column<\/code> widget is very useful and can include various types of child widgets. For example, text, images, buttons, and other widgets can be listed vertically.<\/p>\n<h2>2. Basic usage of the Column widget<\/h2>\n<p>The <code>Column<\/code> widget can be defined in the following format:<\/p>\n<pre><code>Column(\n  children: <widget>[\n    Text('First Widget'),\n    Text('Second Widget'),\n    Icon(Icons.star),\n  ],\n)<\/widget><\/code><\/pre>\n<p>As seen in the code above, the child widget list is passed to the <code>children<\/code> property of the <code>Column<\/code> widget. These child widgets are arranged from top to bottom.<\/p>\n<h2>3. Key properties of the Column widget<\/h2>\n<p>When using the Column widget, the following key properties can be utilized:<\/p>\n<ul>\n<li><strong>mainAxisAlignment:<\/strong> Specifies the alignment of the main axis (vertical direction). For example, you can set to center alignment, start alignment, end alignment, and more.<\/li>\n<li><strong>crossAxisAlignment:<\/strong> Sets the alignment of the cross axis (horizontal direction). It is used to adjust the horizontal alignment of child widgets.<\/li>\n<li><strong>mainAxisSize:<\/strong> Used to adjust the height of the Column. Setting <code>MainAxisSize.min<\/code> allows this widget to occupy only the minimum space needed to fit its child widgets&#8217; height.<\/li>\n<\/ul>\n<h2>4. Example: Using the basic Column widget<\/h2>\n<p>Let&#8217;s learn the basic usage of the <code>Column<\/code> widget through a simple example. Here is a simple Column widget containing two texts and an icon:<\/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      home: Scaffold(\n        appBar: AppBar(title: Text('Example of Column Widget')),\n        body: Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          children: <widget>[\n            Text('First Widget', style: TextStyle(fontSize: 24)),\n            Text('Second Widget', style: TextStyle(fontSize: 24)),\n            Icon(Icons.star, size: 50),\n          ],\n        ),\n      ),\n    );\n  }\n}<\/widget><\/code><\/pre>\n<p>When the above code is executed, you will see two texts and one icon arranged vertically at the center of the device screen.<\/p>\n<h2>5. Aligning child widgets<\/h2>\n<p>You can adjust the alignment of child widgets using the <code>mainAxisAlignment<\/code> and <code>crossAxisAlignment<\/code> properties. For example, to center all child widgets, you can set the <code>mainAxisAlignment<\/code> to <code>MainAxisAlignment.center<\/code>.<\/p>\n<pre><code>Column(\n  mainAxisAlignment: MainAxisAlignment.center,\n  crossAxisAlignment: CrossAxisAlignment.start,\n  children: <widget>[\n    Text('First Widget', style: TextStyle(fontSize: 24)),\n    Text('Second Widget', style: TextStyle(fontSize: 24)),\n    Icon(Icons.star, size: 50),\n  ],\n)<\/widget><\/code><\/pre>\n<p>When the above code is executed, all child widgets will be centered on the screen while the texts will be left-aligned.<\/p>\n<h2>6. Applying Padding to the Column widget<\/h2>\n<p>You can use the <code>Padding<\/code> widget to add space to the <code>Column<\/code> widget. Adding padding creates a cleaner layout by spacing out each child widget.<\/p>\n<pre><code>Padding(\n  padding: EdgeInsets.all(16.0),\n  child: Column(\n    mainAxisAlignment: MainAxisAlignment.center,\n    children: <widget>[\n      Text('First Widget', style: TextStyle(fontSize: 24)),\n      Text('Second Widget', style: TextStyle(fontSize: 24)),\n      Icon(Icons.star, size: 50),\n    ],\n  ),\n)<\/widget><\/code><\/pre>\n<p>In the above code, 16 pixels of padding have been added to the entire Column widget. This allows for a stable layout while maintaining spacing between the child widgets.<\/p>\n<h2>7. Adding other widgets inside the Column<\/h2>\n<p>Other widgets such as Row, Container, etc., can be added as children within the Column widget. In this case, the child widgets will follow the rules of the Column. Here\u2019s an example with multiple Rows inside a Column:<\/p>\n<pre><code>Column(\n  children: <widget>[\n    Row(\n      mainAxisAlignment: MainAxisAlignment.spaceBetween,\n      children: <widget>[\n        Text('Row 1 - Widget 1'),\n        Text('Row 1 - Widget 2'),\n      ],\n    ),\n    Row(\n      mainAxisAlignment: MainAxisAlignment.spaceBetween,\n      children: <widget>[\n        Text('Row 2 - Widget 1'),\n        Text('Row 2 - Widget 2'),\n      ],\n    ),\n  ],\n)<\/widget><\/code><\/pre>\n<p>The code above is an example of placing two Rows inside a Column. Each Row lists text widgets horizontally.<\/p>\n<h2>8. Column and Expanded widget<\/h2>\n<p>When you want to adjust the space for child widgets more flexibly, you can use the <code>Expanded<\/code> widget. The <code>Expanded<\/code> widget allows its child widget to take up all the available space. Here\u2019s an example of using <code>Column<\/code> with <code>Expanded<\/code>:<\/p>\n<pre><code>Column(\n  children: <widget>[\n    Expanded(\n      child: Container(color: Colors.red),\n    ),\n    Expanded(\n      child: Container(color: Colors.green),\n    ),\n    Expanded(\n      child: Container(color: Colors.blue),\n    ),\n  ],\n)<\/widget><\/code><\/pre>\n<p>Using this code, the screen is divided into three containers of equal height, each representing the colors red, green, and blue.<\/p>\n<h2>9. Sample application using Column<\/h2>\n<p>Now let&#8217;s create a simple application utilizing the Column widget. Below is the entire code for implementing the expected UI:<\/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      home: Scaffold(\n        appBar: AppBar(title: Text('Example of Column Widget')),\n        body: Padding(\n          padding: EdgeInsets.all(16.0),\n          child: Column(\n            mainAxisAlignment: MainAxisAlignment.spaceEvenly,\n            crossAxisAlignment: CrossAxisAlignment.center,\n            children: <widget>[\n              Text('Flutter Column Widget', style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold)),\n              Expanded(child: Container(color: Colors.red)),\n              Expanded(child: Container(color: Colors.green)),\n              Expanded(child: Container(color: Colors.blue)),\n              RaisedButton(onPressed: () {}, child: Text('Button')),\n            ],\n          ),\n        ),\n      ),\n    );\n  }\n}<\/widget><\/code><\/pre>\n<p>When the above code is executed, a screen appears with a title text at the top, three containers of different colors in the center, and a button at the bottom. This layout is an effective example of utilizing the Column widget.<\/p>\n<h2>10. Conclusion<\/h2>\n<p>In this post, we learned in detail about the <code>Column<\/code> widget. The <code>Column<\/code> widget is a very useful tool in Flutter, widely used for arranging child widgets vertically. You can finely adjust the layout by applying properties like <code>mainAxisAlignment<\/code> and <code>crossAxisAlignment<\/code>, and implement various UIs by combining it with other widgets.<\/p>\n<p>By learning how to combine widgets in Flutter, you can easily create more complex layouts. In the future, I will provide more information and assistance through various tutorials on Flutter widgets. Thank you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flutter is a UI toolkit developed by Google that helps create mobile, web, and desktop applications easily. In this article, we will take a closer look at one of Flutter&#8217;s key widgets, the Column widget, and explain how to arrange child widgets using it. 1. Introduction to the Column widget The Column widget is a &hellip; <a href=\"https:\/\/atmokpo.com\/w\/32609\/\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget&#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-32609","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, 7.4 Placing Child Widgets Inside the Column Widget - \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\/32609\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"og:description\" content=\"Flutter is a UI toolkit developed by Google that helps create mobile, web, and desktop applications easily. In this article, we will take a closer look at one of Flutter&#8217;s key widgets, the Column widget, and explain how to arrange child widgets using it. 1. Introduction to the Column widget The Column widget is a &hellip; \ub354 \ubcf4\uae30 &quot;Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atmokpo.com\/w\/32609\/\" \/>\n<meta property=\"og:site_name\" content=\"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-01T09:10:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-01T11:54:37+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\/32609\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32609\/\"},\"author\":{\"name\":\"root\",\"@id\":\"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7\"},\"headline\":\"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget\",\"datePublished\":\"2024-11-01T09:10:18+00:00\",\"dateModified\":\"2024-11-01T11:54:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32609\/\"},\"wordCount\":682,\"publisher\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#organization\"},\"articleSection\":[\"Flutter course\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atmokpo.com\/w\/32609\/\",\"url\":\"https:\/\/atmokpo.com\/w\/32609\/\",\"name\":\"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8\",\"isPartOf\":{\"@id\":\"https:\/\/atmokpo.com\/w\/#website\"},\"datePublished\":\"2024-11-01T09:10:18+00:00\",\"dateModified\":\"2024-11-01T11:54:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/atmokpo.com\/w\/32609\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atmokpo.com\/w\/32609\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atmokpo.com\/w\/32609\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud648\",\"item\":\"https:\/\/atmokpo.com\/w\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget\"}]},{\"@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, 7.4 Placing Child Widgets Inside the Column Widget - \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\/32609\/","og_locale":"ko_KR","og_type":"article","og_title":"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","og_description":"Flutter is a UI toolkit developed by Google that helps create mobile, web, and desktop applications easily. In this article, we will take a closer look at one of Flutter&#8217;s key widgets, the Column widget, and explain how to arrange child widgets using it. 1. Introduction to the Column widget The Column widget is a &hellip; \ub354 \ubcf4\uae30 \"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget\"","og_url":"https:\/\/atmokpo.com\/w\/32609\/","og_site_name":"\ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","article_published_time":"2024-11-01T09:10:18+00:00","article_modified_time":"2024-11-01T11:54:37+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\/32609\/#article","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/32609\/"},"author":{"name":"root","@id":"https:\/\/atmokpo.com\/w\/#\/schema\/person\/91b6b3b138fbba0efb4ae64b1abd81d7"},"headline":"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget","datePublished":"2024-11-01T09:10:18+00:00","dateModified":"2024-11-01T11:54:37+00:00","mainEntityOfPage":{"@id":"https:\/\/atmokpo.com\/w\/32609\/"},"wordCount":682,"publisher":{"@id":"https:\/\/atmokpo.com\/w\/#organization"},"articleSection":["Flutter course"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/atmokpo.com\/w\/32609\/","url":"https:\/\/atmokpo.com\/w\/32609\/","name":"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget - \ub77c\uc774\ube0c\uc2a4\ub9c8\ud2b8","isPartOf":{"@id":"https:\/\/atmokpo.com\/w\/#website"},"datePublished":"2024-11-01T09:10:18+00:00","dateModified":"2024-11-01T11:54:37+00:00","breadcrumb":{"@id":"https:\/\/atmokpo.com\/w\/32609\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atmokpo.com\/w\/32609\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atmokpo.com\/w\/32609\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud648","item":"https:\/\/atmokpo.com\/w\/en\/"},{"@type":"ListItem","position":2,"name":"Flutter Course, 7.4 Placing Child Widgets Inside the Column Widget"}]},{"@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\/32609","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=32609"}],"version-history":[{"count":1,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32609\/revisions"}],"predecessor-version":[{"id":32610,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/posts\/32609\/revisions\/32610"}],"wp:attachment":[{"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/media?parent=32609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/categories?post=32609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atmokpo.com\/w\/wp-json\/wp\/v2\/tags?post=32609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}