{"id":45524,"date":"2021-11-08T02:28:54","date_gmt":"2021-11-07T17:28:54","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45524"},"modified":"2021-11-12T16:32:49","modified_gmt":"2021-11-12T07:32:49","slug":"layouts-in-jepack-compose-modifiers","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45524","title":{"rendered":"Layouts in Jepack Compose &#8211; Modifiers"},"content":{"rendered":"\n<p>Modifier\ub97c \uc0ac\uc6a9\ud558\uba74 \ucef4\ud3ec\uc800\ube14\uc744 \uafb8\ubc00 \uc218 \uc788\ub2e4. \ub3d9\uc791, \ubaa8\uc591\uc744 \ubcc0\uacbd\ud558\uace0, \uc811\uadfc\uc131 \ub808\uc774\ube14\uacfc \uac19\uc740 \uc815\ubcf4\ub97c \ucd94\uac00\ud558\uace0, \uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \ucc98\ub9ac\ud558\uac70\ub098, \ud074\ub9ad, \uc2a4\ud06c\ub864, \ub4dc\ub798\uadf8 \ub610\ub294 \ud655\ub300\/\ucd95\uc18c \uac00\ub2a5 \ud56d\ubaa9\uc744 \ub9cc\ub4dc\ub294 \uac83\uacfc \uac19\uc740 \uace0\uae09 \uc0c1\ud638 \uc791\uc6a9\uc744 \ucd94\uac00\ud560 \uc218\ub3c4 \uc788\ub2e4. Modifier\ub294 \uc77c\ubc18 Kotlin \uac1d\uccb4\ub2e4. \ubcc0\uc218\uc5d0 \ud560\ub2f9\ud558\uace0 \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. \uc5ec\ub7ec Modifier\ub97c \ucc28\ub840\ub85c \uc5f0\uacb0\ud558\uc5ec \uad6c\uc131\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n\n\n\n<p>\uc774\uc804 \uc139\uc158\uc5d0\uc11c \ubcf8 \ud504\ub85c\ud544 \ub808\uc774\uc544\uc6c3\uc744 \uad6c\ud604\ud574\ubcf4\uc790.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"616\" height=\"160\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-d2c39f3c2416c321-1.png\" alt=\"\" class=\"wp-image-45525\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-d2c39f3c2416c321-1.png 616w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-d2c39f3c2416c321-1-300x78.png 300w\" sizes=\"(max-width: 616px) 100vw, 616px\" \/><\/figure>\n\n\n\n<p>MainActivity.kt \uc744 \uc5f4\uace0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uc790.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@Composable\nfun PhotographerCard() {\n\u00a0 \u00a0 Column {\n\u00a0 \u00a0 \u00a0 \u00a0 Text(\"Alfred Sisley\", fontWeight = FontWeight.Bold)\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ LocalContentAlpha \ub294 \uc790\uc2dd\ub4e4\uc758 \ud22c\uba85\ub3c4\ub97c \uc815\uc758\ud55c\ub2e4.\n\u00a0 \u00a0 \u00a0 \u00a0 CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(\"3 minutes ago\", style = MaterialTheme.typography.body2)\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 }\n}\n\n@Preview\n@Composable\nfun PhotographerCardPreview() {\n\u00a0 \u00a0 LayoutsCodelabTheme {\n\u00a0 \u00a0 \u00a0 \u00a0 PhotographerCard()\n\u00a0 \u00a0 }\n}<\/code><\/pre>\n\n\n\n<p>\ubbf8\ub9ac\ubcf4\uae30\ub85c \ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"381\" height=\"199\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-bf29f2c3f5d6a27.png\" alt=\"\" class=\"wp-image-45526\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-bf29f2c3f5d6a27.png 381w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-bf29f2c3f5d6a27-300x157.png 300w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>\uc911\uc694<\/strong> : setContent \ub0b4\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294 \uc571 \ud14c\ub9c8\ub294 \ud504\ub85c\uc81d\ud2b8 \uc774\ub984\uc5d0 \uc758\uc874\uc801\uc774\ub2e4. \uc774 \ucf54\ub4dc\ub7a9\uc740 LayoutsCodelab\uc774\ub77c\ub294 \ud504\ub85c\uc81d\ud2b8\ub85c \uac00\uc815\ud55c\ub2e4. \ub9cc\uc57d \ucf54\ub4dc\ub97c \ubcf5\uc0ac-\ubd99\uc5ec\ub123\uae30 \ud558\ub294 \uacbd\uc6b0, LayoutsCodelabTheme\uc744 ui\/Theme.kt \ud30c\uc77c\uc5d0 \uc120\uc5b8\ub41c \ud14c\ub9c8\uc5d0 \ub9de\uac8c \ubcc0\uacbd\ud558\ub294 \uac83\uc744 \uc774\uc9c0 \ub9d0\uc790. <\/p><\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Note:<\/strong>\u00a0\ucf54\ub4dc \uc2a4\ub2c8\ud54f\uc5d0\uc11c <code>CompositionLocalProvider<\/code> \ub77c\ub294 \uac83\uc744 \uc0ac\uc6a9\ud558\uace0 \uc788\ub2e4. \uc774\uac83\uc740 \ucef4\ud3ec\uc9c0\uc158 \ud2b8\ub9ac\uc5d0 \uc554\ubb35\uc801\uc73c\ub85c \ub370\uc774\ud130\ub97c \uc804\ub2ec\ud55c\ub2e4. \uc774 \uacbd\uc6b0 <code>MaterialTheme<\/code>\uc5d0 \uc758\ud574 \ud14c\ub9c8 \uacc4\uce35\uc5d0 \uc120\uc5b8\ub41c \uc911\uac04 \ubd88\ud22c\uba85\ub3c4 \uc218\uc900\uc778\u00a0<code>ContentAlpha.medium<\/code>\uc5d0 \uc811\uadfc\ud55c\ub2e4.<\/p><\/blockquote>\n\n\n\n<p>\uc0ac\uc9c4\uc774 \ub85c\ub529\ub418\ub294 \ub3d9\uc548, \ud50c\ub808\uc774\uc2a4\ud640\ub354\ub97c \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574 \uc6d0 \ubaa8\uc591\uacfc \ud50c\ub808\uc774\uc2a4\ud640\ub354 \uc0c9\uc0c1\uc744 Surface\ub97c \uc0ac\uc6a9\ud558\uc5ec \uba85\uc2dc\ud560 \uc218 \uc788\ub2e4. \ud06c\uae30\ub97c \uc9c0\uc815\ud558\uae30 \uc704\ud574 Modifier\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@Composable\nfun PhotographerCard() {\n\u00a0 \u00a0 <strong>Row {\n\u00a0 \u00a0 \u00a0 \u00a0 Surface(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 modifier = Modifier.size(50.dp),\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 shape = CircleShape,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 color = MaterialTheme.colors.onSurface.copy(alpha = 0.2f)\n\u00a0 \u00a0 \u00a0 \u00a0 ) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/\/ Image goes here\n\u00a0 \u00a0 \u00a0 \u00a0 }<\/strong>\n\u00a0 \u00a0 \u00a0 \u00a0 Column {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(\"Alfred Sisley\", fontWeight = FontWeight.Bold)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(\"3 minutes ago\", style = MaterialTheme.typography.body2)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 <strong>}<\/strong>\n}<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"395\" height=\"173\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-84f2bb229d67987b.png\" alt=\"\" class=\"wp-image-45527\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-84f2bb229d67987b.png 395w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-84f2bb229d67987b-300x131.png 300w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><\/figure>\n\n\n\n<p>\uc5ec\uae30\uc11c \ub450\uac00\uc9c0 \uc815\ub3c4 \uac1c\uc120\ud560 \uc810\uc774 \uc788\ub2e4.<\/p>\n\n\n\n<ol><li><strong>\ud50c\ub808\uc774\uc2a4\ud640\ub354\uc640 \ud14d\uc2a4\ud2b8 \uc0ac\uc774 \ubd84\ub9ac\ud558\uae30<\/strong><\/li><li><strong>\ud14d\uc2a4\ud2b8\ub97c \uc218\uc9c1-\uc911\uc559 \uc815\ub82c \ud558\uae30<\/strong><\/li><\/ol>\n\n\n\n<p><strong>#1<\/strong>\uc744 \uc704\ud574\uc11c\ub294 Modifier.padding\uc744 Column\uc5d0 \uc0ac\uc6a9\ud558\uc5ec \ud14d\uc2a4\ud2b8\ub97c \ud3ec\ud568\uc2dc\ud0a4\uace0, \uc57d\uac04\uc758 \uacf5\uac04\uc744 \ucef4\ud3ec\uc800\ube14\uc758 start\uc5d0\uc11c \ucd94\uac00\ud558\uc5ec \uc774\ubbf8\uc9c0\uc640 \ud14d\uc2a4\ud2b8\ub97c \ubd84\ub9ac\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p><strong>#2<\/strong>\uc758 \uacbd\uc6b0, \uc77c\ubd80 \ub808\uc774\uc544\uc6c3\ub4e4\uc5d0\uac8c \ud574\ub2f9 \ub808\uc774\uc544\uc6c3\uc5d0\ub9cc \uc801\uc6a9\ud560 \uc218 \uc788\ub294 Modifier\ub97c \uc801\uc6a9\ud55c\ub2e4. \uc608\ub97c \ub4e4\uc5b4, Row \ub0b4\uc758 \ucef4\ud3ec\uc800\ube14\ub4e4\uc740 weight \ub610\ub294 align \uac19\uc774 \uc758\ubbf8\uac00 \uc788\ub294 \ud2b9\uc815 Modifier\uc5d0(Row \ucf58\ud150\uce20\uc758 RowScope \ub9ac\uc2dc\ubc84\uc5d0\uc11c) \uc811\uadfc \ud560 \uc218 \uc788\ub2e4. \uc774 \ubc94\uc704 \uc9c0\uc815\uc740 \ud0c0\uc785 \uc548\uc804\uc131\uc744 \uc81c\uacf5\ud558\ubbc0\ub85c \ub2e4\ub978 \ub808\uc774\uc544\uc6c3\uc5d0\uc11c \uc758\ubbf8\uac00 \uc5c6\ub294 Modifier\ub97c \uc2e4\uc218\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\ub2e4. \uc608\ub97c \ub4e4\uc5b4 weight\ub294 Box\uc5d0\uc11c \uc758\ubbf8\uac00 \uc5c6\uc73c\ubbc0\ub85c \ucef4\ud30c\uc77c \ud0c0\uc784\uc5d0 \uc624\ub958\uac00 \ubc29\uc9c0\ub41c\ub2e4.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Note:<\/strong>\u00a0Modifier\ub294 View \uc2dc\uc2a4\ud15c\uc758 XML \uc18d\uc131\uacfc \ube44\uc2b7\ud55c \uc5ed\ud560\uc744 \ud55c\ub2e4. \ud558\uc9c0\ub9cc, \ubc94\uc704\ubcc4 Modifier\uc758 \ud0c0\uc785 \uc548\uc815\uc131\uc740 \ud2b9\uc815 \ub808\uc774\uc544\uc6c3\uc5d0\ub9cc \uc801\uc6a9 \uac00\ub2a5\ud55c\uc9c0 \ubc1c\uacac\ud558\uace0 \uc774\ud574\ud558\ub294\ub370 \ub3c4\uc6c0\uc774 \ub41c\ub2e4.<\/p><\/blockquote>\n\n\n\n<pre class=\"wp-block-code\"><code>@Composable\nfun PhotographerCard() {\n\u00a0 \u00a0 Row {\n\u00a0 \u00a0 \u00a0 \u00a0 Surface(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 modifier = Modifier.size(50.dp),\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 shape = CircleShape,\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 color = MaterialTheme.colors.onSurface.copy(alpha = 0.2f)\n\u00a0 \u00a0 \u00a0 \u00a0 ) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \/\/ Image goes here\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 <strong>Column(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 modifier = Modifier\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .padding(start = 8.dp)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 .align(Alignment.CenterVertically)\n\u00a0 \u00a0 \u00a0 \u00a0 )<\/strong> {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(\"Alfred Sisley\", fontWeight = FontWeight.Bold)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(\"3 minutes ago\", style = MaterialTheme.typography.body2)\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 }\n}\nPreview\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.\n<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"437\" height=\"195\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-1542fadc7f68feb2.png\" alt=\"\" class=\"wp-image-45528\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-1542fadc7f68feb2.png 437w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-1542fadc7f68feb2-300x134.png 300w\" sizes=\"(max-width: 437px) 100vw, 437px\" \/><\/figure>\n\n\n\n<p>\ub300\ubd80\ubd84\uc758 \ucef4\ud3ec\uc800\ube14\uc740 \uc120\ud0dd\uc801\uc73c\ub85c Modifier \ub9e4\uac1c\ubcc0\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubcf4\ub2e4 \uc720\uc5f0\ud558\uac8c \ub9cc\ub4e4\uc5b4 \ud638\ucd9c\uc790\uac00 \uc218\uc815\ud560 \uc218 \uc788\ub3c4\ub85d \ud55c\ub2e4. \uc790\uc2e0\ub9cc\uc758 \ucef4\ud3ec\uc800\ube14\uc744 \uc0dd\uc131\ud558\ub294 \uacbd\uc6b0 Modifier\ub97c \ub9e4\uac1c\ubcc0\uc218\ub85c \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \uace0\ub824\ud558\uace0 \uae30\ubcf8\uc801\uc73c\ub85c Modifier(\uc989, \uc544\ubb34 \uc791\uc5c5\ub3c4 \uc218\ud589\ud558\uc9c0 \uc54a\ub294 \ube48 Modifier)\ub97c \ud568\uc218\uc758 \ub8e8\ud2b8 \ucef4\ud3ec\uc800\ube14\uc5d0 \uc801\uc6a9\ud55c\ub2e4. \uc774 \uacbd\uc6b0 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@Composable<br>fun PhotographerCard(modifier: Modifier = Modifier) {<br>&nbsp; &nbsp; Row(modifier) { ... }<br>}<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Note:<\/strong>\u00a0\uaddc\uce59\uc5d0 \ub530\ub77c Modifier\ub294 \ud568\uc218\uc758 \uccab\ubc88\uc9f8 \uc120\ud0dd\uc801 \ub9e4\uac1c\ubcc0\uc218\ub85c <em>\uc9c0\uc815\ub41c\ub2e4<\/em>. \uc774\ub807\uac8c \ud558\uba74 \ubaa8\ub4e0 \ub9e4\uac1c\ubcc0\uc218\uc758 \uc774\ub984\uc744 \uc9c0\uc815\ud560 \ud544\uc694 \uc5c6\uc774 \ucef4\ud3ec\uc800\ube14\uc5d0 Modifier\ub97c \uc9c0\uc815\ud560 \uc218 \uc788\ub2e4.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Modifier\uc758 \uc21c\uc11c\ub294 \uc911\uc694\ud558\ub2e4.<\/h2>\n\n\n\n<p>\ucf54\ub4dc\uc5d0\uc11c factory-extension \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc5ec\ub7ec Modifier\ub97c \ucc28\ub840\ub85c \uc5f0\uacb0\ud558\ub294 \uac83\uc744 \ud655\uc778\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p>\uc21c\uc11c\uac00 \uc911\uc694\ud558\ubbc0\ub85c Modifier\ub97c \uccb4\uc774\ub2dd \ud560 \ub54c \uc8fc\uc758\ud574\uc57c \ud55c\ub2e4. \uccb4\uc774\ub2dd \ub418\ub294 Modifier\ub4e4\uc740 \ub2e8\uc77c \uc778\uc790\ub85c \uc5f0\uacb0\ub418\ubbc0\ub85c \uc21c\uc11c\uac00 \ucd5c\uc885 \uacb0\uacfc\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce5c\ub2e4.<\/p>\n\n\n\n<p>\ub9cc\uc57d Photographer \ud504\ub85c\ud544\uc744 \ud074\ub9ad \uac00\ub2a5\ud558\uac8c \ub9cc\ub4e4\uace0, \uc5ec\ubc31\uc744 \ucd94\uac00\ud558\ub824\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \ucf54\ub4dc\ub97c \uc791\uc131\ud558\uba74 \ub41c\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@Composable\nfun PhotographerCard(modifier: Modifier = Modifier) {\n\u00a0 \u00a0 Row(modifier\n\u00a0 \u00a0 \u00a0 \u00a0 .padding(16.dp)\n\u00a0 \u00a0 \u00a0 \u00a0 .clickable(onClick = { \/* onClick\uc740 \ubb34\uc2dc\ud558\uc790 *\/ })\n\u00a0 \u00a0 ) {\n\u00a0 \u00a0 \u00a0 \u00a0 ...\n\u00a0 \u00a0 }\n}<\/code><\/pre>\n\n\n\n<p>\ucf54\ub4dc\ub97c \uc2e4\ud589\ud558\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"560\" height=\"249\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-c15a1050b051617f.gif\" alt=\"\" class=\"wp-image-45529\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Note:<\/strong>\u00a0\uba85\uc2dc\uc801\uc778 \uc21c\uc11c\ub294 \ub2e4\uc591\ud55c Modifier\uac00 \uc0c1\ud638 \uc791\uc6a9\ud558\ub294 \ubc29\uc2dd\uc744 \ucd94\ub860\ud558\ub294\ub370 \ub3c4\uc6c0\uc774 \ub41c\ub2e4. \ubc15\uc2a4 \ubaa8\ub378\uc744 \ubc30\uc6cc\uc57c \ud588\ub358 View \uc2dc\uc2a4\ud15c\uacfc \ube44\uad50\ud574\ubcf4\uba74, margin\uc740 \uc694\uc18c &#8220;\uc678\ubd80&#8221;\uc5d0 \uc801\uc6a9\ub418\uc9c0\ub9cc padding\uc740  &#8220;\ub0b4\ubd80&#8221;\uc640 \ubc30\uacbd \uc694\uc18c\ub294 \uadf8\uc5d0 \ub530\ub77c \ud06c\uae30\uac00 \uc870\uc815\ub41c\ub2e4. Modifier  \uc124\uacc4\ubc29\uc2dd\uc740 \uc774 \ub3d9\uc791\uc744 \uba85\uc2dc\uc801\uc774\uace0 \uc608\uce21 \uac00\ub2a5\ud558\uac8c \ub9cc\ub4e4\uace0, \uc6d0\ud558\ub294 \uc815\ud655\ud55c \ub3d9\uc791\uc744 \ub2ec\uc131\ud558\uae30 \uc704\ud574 \ub354 \ub9ce\uc740 \uc81c\uc5b4\ub97c \uc81c\uacf5\ud55c\ub2e4.<\/p><\/blockquote>\n\n\n\n<p>\uc0c1\uc0c1\ud574\ubcf4\uc790! Modifier\ub97c \uc0ac\uc6a9\ud558\uba74 \ub9e4\uc6b0 \uc720\uc5f0\ud55c \ubc29\uc2dd\uc73c\ub85c \ucef4\ud3ec\uc800\ube14\uc744 \uc218\uc815\ud560 \uc218 \uc788\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \uc678\ubd80 \uac04\uaca9\uc744 \ucd94\uac00\ud558\uace0, \ucef4\ud3ec\uc800\ube14\uc758 \ubc30\uacbd\uc0c9\uc744 \ubcc0\uacbd\ud558\uace0, \ud589 \ubaa8\uc11c\ub9ac\ub97c \ub465\uae00\uac8c \ub9cc\ub4e4\uace0 \uc2f6\ub2e4\uba74 \ub2e4\uc74c \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@Composable<br>fun PhotographerCard(modifier: Modifier = Modifier) {<br>&nbsp; &nbsp; Row(modifier<br>&nbsp; &nbsp; &nbsp; &nbsp; .padding(8.dp)<br>&nbsp; &nbsp; &nbsp; &nbsp; .clip(RoundedCornerShape(4.dp))<br>&nbsp; &nbsp; &nbsp; &nbsp; .background(MaterialTheme.colors.surface)<br>&nbsp; &nbsp; &nbsp; &nbsp; .clickable(onClick = { \/* Ignoring onClick *\/ })<br>&nbsp; &nbsp; &nbsp; &nbsp; .padding(16.dp)<br>&nbsp; &nbsp; ) {<br>&nbsp; &nbsp; &nbsp; &nbsp; ...<br>&nbsp; &nbsp; }<br>}<\/code><\/pre>\n\n\n\n<p>\ub300\ud654\ud615 preview \ub610\ub294 \uc5d0\ubbac\ub808\uc774\ud130\uc5d0\uc11c \ud655\uc778\ud574\ubcf4\uc790.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"515\" height=\"242\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-layouts-in-jepack-compose-modifiers-4c7652fc71ccf8dc.gif\" alt=\"\" class=\"wp-image-45530\"\/><\/figure>\n\n\n\n<p>Modifier\uac00 \ub0b4\ubd80\uc5d0\uc11c \uc791\ub3d9\ud558\ub294 \ubc29\uc2dd\uc5d0 \ub300\ud574\uc11c\ub294 \ub098\uc911\uc5d0 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\ub3c4\ub85d \ud55c\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Modifier\ub97c \uc0ac\uc6a9\ud558\uba74 \ucef4\ud3ec\uc800\ube14\uc744 \uafb8\ubc00 \uc218 \uc788\ub2e4. \ub3d9\uc791, \ubaa8\uc591\uc744 \ubcc0\uacbd\ud558\uace0, \uc811\uadfc\uc131 \ub808\uc774\ube14\uacfc \uac19\uc740 \uc815\ubcf4\ub97c \ucd94\uac00\ud558\uace0, \uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \ucc98\ub9ac\ud558\uac70\ub098, \ud074\ub9ad, \uc2a4\ud06c\ub864, \ub4dc\ub798\uadf8 \ub610\ub294 \ud655\ub300\/\ucd95\uc18c \uac00\ub2a5 \ud56d\ubaa9\uc744 \ub9cc\ub4dc\ub294 \uac83\uacfc \uac19\uc740 \uace0\uae09 \uc0c1\ud638 \uc791\uc6a9\uc744 \ucd94\uac00\ud560 \uc218\ub3c4 \uc788\ub2e4. Modifier\ub294 \uc77c\ubc18 Kotlin \uac1d\uccb4\ub2e4. \ubcc0\uc218\uc5d0 \ud560\ub2f9\ud558\uace0 \uc7ac\uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. \uc5ec\ub7ec Modifier\ub97c \ucc28\ub840\ub85c \uc5f0\uacb0\ud558\uc5ec \uad6c\uc131\ud560 \uc218\ub3c4 \uc788\ub2e4. \uc774\uc804 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[38],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45524"}],"collection":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45524"}],"version-history":[{"count":1,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45524\/revisions"}],"predecessor-version":[{"id":45531,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45524\/revisions\/45531"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}