{"id":46403,"date":"2023-01-18T13:37:10","date_gmt":"2023-01-18T04:37:10","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=46403"},"modified":"2023-01-18T14:05:59","modified_gmt":"2023-01-18T05:05:59","slug":"compose%ec%9d%98-compositionlocal-%ec%9d%b4%ed%95%b4%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=46403","title":{"rendered":"Compose\uc758 CompositionLocal \uc774\ud574\ud558\uae30"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"495\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal1-1-1024x495.png\" alt=\"\" class=\"wp-image-46412\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal1-1-1024x495.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal1-1-300x145.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal1-1-768x371.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal1-1-1536x743.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal1-1.png 1743w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ucef4\ud3ec\uc800\ube14 \ud568\uc218\ub294 \ud2b8\ub9ac(tree)\ub85c \uad6c\uc131\ub41c\ub2e4. \uc774 \ub54c \uc0c1\ud0dc\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \ud2b8\ub9ac\uc5d0\uc11c \uac00\ub2a5\ud55c \ud55c \uac00\uc7a5 \ub192\uc740 \ub178\ub4dc\uc5d0 \uc120\uc5b8\ub418\uc5b4\uc57c \ud55c\ub2e4(\uc0c1\ud0dc \ud638\uc774\uc2a4\ud305). \uadf8\ub9ac\uace0 \uc77c\ubc18\uc801\uc73c\ub85c \uc774\ub807\uac8c \uc120\uc5b8\ub41c \uc0c1\ud0dc\ub294 \ud558\uc704 \ud2b8\ub9ac\ub85c \uc804\ub2ec\ub418\uace4 \ud55c\ub2e4. \ud558\uc9c0\ub9cc \ud2b8\ub9ac\uc5d0\uc11c \uc5ec\ub7ec \ub2e8\uacc4\ub97c \ud1b5\ud574 \uc0c1\ud0dc\ub97c \uc804\ub2ec\ud574\uc57c \ud560 \ub54c\ub294 \ub2e4\uc18c \ubc88\uac70\ub85c\uc6b8 \uc218 \uc788\ub2e4. <\/p>\n\n\n\n<p>\uc608\ub97c \ub4e4\uc5b4\ubcf4\uc790. \uc6b0\uc120 \ucef4\ud3ec\uc800\ube14 \ud568\uc218 \ud2b8\ub9ac\uc758 \uae4a\uc774(depth)\uac00 n\uac1c\ub77c\uace0 \uac00\uc815\ud55c\ub2e4. \ucd5c\uc0c1\uc704 \ub178\ub4dc\ub85c\ubd80\ud130 \uc0c1\ud0dc\ub97c \ucd5c\ud558\uc704 \ub178\ub4dc\uae4c\uc9c0 \uc0c1\ud0dc\ub97c \uc804\ub2ec\ud574\uc57c\ud55c\ub2e4\uba74, \ubaa8\ub4e0 \ucef4\ud3ec\uc800\ube14 \ud568\uc218\uc5d0 \uc0c1\ud0dc\ub97c \uc804\ub2ec\ud558\uae30 \uc704\ud55c n\uac1c\uc758 \ub9e4\uac1c\ubcc0\uc218\ub97c \ucd94\uac00\ud574\uc57c \ud55c\ub2e4. \uae4a\uc774\uac00 100\uc774\ub77c\uba74 \ud568\uc218\uac00 100\uac1c\uc774\ubbc0\ub85c \ub9e4\uac1c\ubcc0\uc218\ub97c 100\uac1c \ucd94\uac00\ud574\uc57c\ud55c\ub2e4.<\/p>\n\n\n\n<p>CompositionLocal\uc744 \ud65c\uc6a9\ud574 \uc704 \ubb38\uc81c\ub97c \ub2e8\uc21c\ud558\uac8c \ud574\uacb0\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CompositionLocal\uc758 \uc774\ud574<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"549\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal2-3-1024x549.png\" alt=\"\" class=\"wp-image-46413\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal2-3-1024x549.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal2-3-300x161.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal2-3-768x412.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal2-3-1536x824.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal-compositionlocal2-3.png 1683w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>CompositionLocal\uc740 \ucef4\ud3ec\uc800\ube14 \ud2b8\ub9ac \uc0c1\uc704\uc5d0\uc11c \uc120\uc5b8\ub41c \uc0c1\ud0dc\ub97c \ud558\uc704\uc5d0\uc11c \uc811\uadfc\ud560 \uc218 \uc788\ub294 \ubc29\ubc95\uc744 \uc81c\uacf5\ud55c\ub2e4. <\/p>\n\n\n\n<p>\uadf8\ub9bc\ucc98\ub7fc Composable4 \ud55c\uc815\uc73c\ub85c CompositionLocal\uc758 \ubc94\uc704\ub97c \uc9c0\uc815\ud588\ub2e4\uba74, Composition4,5,6\ub9cc \uc120\uc5b8\ub41c \uc0c1\ud0dc\uc5d0 \uc811\uadfc\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CompositionLocal \uc774\uc6a9\ud558\uae30<\/h2>\n\n\n\n<p>CompositionLocal\uc744 \uc774\uc6a9\ud558\ub294 \ubc29\ubc95\uc744 \ub2e8\uacc4\ubcc4\ub85c \uc0b4\ud3b4\ubcf8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. CompositionLocal \uc0dd\uc131\ud558\uae30<\/h3>\n\n\n\n<p>CompositionLocal\uc740 \uc0c1\ud0dc\ub97c \uc81c\uacf5\ud558\ub294 \uc77c\uc885\uc758 \ucee8\ud14c\uc774\ub108\uc640 \uac19\ub2e4. CompositionLocal\uc744 \ub9cc\ub4dc\ub294 2\uac00\uc9c0 \ubc29\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ StaticProvidableCompositionLocal\ub85c \ub9cc\ub4e4\uae30\nval staticCompositionLocal = staticCompositionLocalOf {\n    <strong>${\uc0c1\ud0dc}<\/strong>\n}\n\n<meta charset=\"utf-8\">\/\/ DynamicProvidableCompositionLocal\ub85c \ub9cc\ub4e4\uae30\nval dynamicCompositionLocal = compositionLocalOf {\n    <meta charset=\"utf-8\"><strong>${\uc0c1\ud0dc}<\/strong>\n}<\/code><\/pre>\n\n\n\n<p>\ub450 CompositionLocal \ucc28\uc774\ub294 \uc774 \ud3ec\uc2a4\ud305 \uc544\ub798\uc5d0\uc11c \ub2e4\uc2dc \ub2e4\ub8e8\ub3c4\ub85d \ud558\uaca0\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. CompositionLocalProvider\ub85c \ucef4\ud3ec\uc800\ube14 \ud568\uc218 \uac10\uc2f8\uae30<\/h3>\n\n\n\n<p>\uc0c1\uc704 \ucef4\ud3ec\uc800\ube14 \ud568\uc218\ubd80\ud130 \ud558\uc704\uae4c\uc9c0 CompositionLocal\uc744 \uc81c\uacf5\ud558\uae30 \uc704\ud574 \ub2e4\uc74c\uacfc \uac19\uc774 CompositionLocalProvider\ub97c \uc0ac\uc6a9\ud55c\ub2e4. <\/p>\n\n\n\n<p>\uc704\uc758 \uadf8\ub9bc\uc744 \uc608\ub85c \ub4e4\uc5b4 \ud558\uc704\ub85c \uc804\ub2ec\ud558\uace0\uc790 \ud558\ub294 \uac83\uc774 \ube68\uac04\uc0c9(\uc0c1\ud0dc)\uc774\ub77c\uace0 \uac00\uc815\ud55c\ub2e4\uba74 \ub2e4\uc74c\uacfc \uac19\uc774 \ucf54\ub4dc\ub97c \uc791\uc131\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">val ColorCompositionLocal = staticCompositionLocalOf {\n    Color.Blue \/\/ \uae30\ubcf8\uac12\uc744 \uc815\uc758\n}\n\n@Composable\nfun Composable1() {\n    ...\n    <strong>CompositionLocalProvider(ColorCompositionLocal.provides(Color.Red)) {\n        Composable4()\n    }<\/strong>\n}\n\n@Composable\nfun Composable4() {\n    ...\n}<\/pre>\n\n\n\n<p>CompositionLocalProvider \ud568\uc218 \ub0b4\ubd80\ub97c \uc0b4\ud3b4\ubcf4\uba74 \uc54c\uaca0\uc9c0\ub9cc, CompositionLocal\uc740 1\uac1c \uc774\uc0c1 \uc81c\uacf5\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>fun CompositionLocalProvider(\n    <strong>vararg values: ProvidedValue&lt;*&gt;, <\/strong>\n    content: @Composable () -&gt; Unit)<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">3. CompositionLocal\ub85c \ubd80\ud130 \uac12(\uc0c1\ud0dc) \uc77d\uae30<\/h3>\n\n\n\n<p>CompositionLocalProvider\ub85c \uac10\uc2fc \ud558\uc704 \ucef4\ud3ec\uc800\ube14\ud568\uc218\ub4e4\uc740 \uc774\uc81c CompositionLocal\ub85c\ubd80\ud130 \ud604\uc7ac \uac12\uc744 \uc77d\uc744 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">@Composable\nfun Composable3() {\n    <em>Text<\/em>(\n        <em>modifier <\/em>= Modifier.<em>background<\/em>(<strong><em>color <\/em>= <em>ColorCompositionLocal<\/em>.current<\/strong>), \/\/ \ube68\uac04\uc0c9\n        <em>text <\/em>= \"Composable3\"\n    )\n    ...\n}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">CompositionLocal \uc608\uc81c\ucf54\ub4dc<\/h2>\n\n\n\n<p>\uc0c1\uc220\ud55c \ud2b8\ub9ac \ubc0f \ub2e4\uc74c \uc608\uc81c\ucf54\ub4dc\ub97c \ud1b5\ud574 CompositionLocal\uc5d0 \ub300\ud55c \ud1b5\ucc30\uc744 \uc5bb\uc744 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"514\" height=\"708\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal--2023-01-18--12.51.12.png\" alt=\"\" class=\"wp-image-46414\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal--2023-01-18--12.51.12.png 514w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal--2023-01-18--12.51.12-218x300.png 218w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">val <em>ColorCompositionLocal <\/em>= <em>staticCompositionLocalOf <\/em><strong>{\n    <\/strong>Color.Blue \/\/ \uae30\ubcf8\uac12\uc744 \uc815\uc758 \ud55c\ub2e4\n<strong>}\n\n<\/strong>@Composable\nfun Composable1() {\n    <em>Column <\/em><strong>{\n        <\/strong><em>Text<\/em>(\n            <em>modifier <\/em>= Modifier.<em>background<\/em>(<em>color <\/em>= <em>ColorCompositionLocal<\/em>.current),\n            <em>text <\/em>= \"Composable1\"\n        )\n        <em>CompositionLocalProvider<\/em>(<em>ColorCompositionLocal<\/em>.provides(Color.Cyan)) <strong>{\n            <\/strong><em>Composable2<\/em>()\n        <strong>}\n        <\/strong><em>CompositionLocalProvider<\/em>(<em>ColorCompositionLocal<\/em>.provides(Color.Red)) <strong>{\n            <\/strong><em>Composable4<\/em>()\n        <strong>}\n    }\n\n<\/strong>}\n\n@Composable\nfun Composable2() {\n    <em>Text<\/em>(\n        <em>modifier <\/em>= Modifier.<em>background<\/em>(<em>color <\/em>= <em>ColorCompositionLocal<\/em>.current),\n        <em>text <\/em>= \"Composable2\"\n    )\n    <em>Composable3<\/em>()\n}\n\n@Composable\nfun Composable3() {\n    <em>Text<\/em>(\n        <em>modifier <\/em>= Modifier.<em>background<\/em>(<em>color <\/em>= <em>ColorCompositionLocal<\/em>.current),\n        <em>text <\/em>= \"Composable3\"\n    )\n}\n\n@Composable\nfun Composable4() {\n    <em>Text<\/em>(\n        <em>modifier <\/em>= Modifier.<em>background<\/em>(<em>color <\/em>= <em>ColorCompositionLocal<\/em>.current),\n        <em>text <\/em>= \"Composable4\"\n    )\n\n    <em>CompositionLocalProvider<\/em>(<em>ColorCompositionLocal<\/em>.provides(Color.Green)) <strong>{\n        <\/strong><em>Composable5<\/em>()\n    <strong>}\n    <\/strong><em>Composable6<\/em>()\n}\n@Composable\nfun Composable5() {\n    <em>Text<\/em>(\n        <em>modifier <\/em>= Modifier.<em>background<\/em>(<em>color <\/em>= <em>ColorCompositionLocal<\/em>.current),\n        <em>text <\/em>= \"Composable5\"\n    )\n}\n@Composable\nfun Composable6() {\n    <em>Text<\/em>(\n        <em>modifier <\/em>= Modifier.<em>background<\/em>(<em>color <\/em>= <em>ColorCompositionLocal<\/em>.current),\n        <em>text <\/em>= \"Composable6\"\n    )\n}\n\n@Preview(showBackground = true)\n@Composable\nprivate fun DefaultPreview() {\n    <em>Composable1<\/em>()\n}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">staticCompositionLocalOf\uc640 compositionLocalOf\uc758 \ucc28\uc774<\/h2>\n\n\n\n<p>staticCompositionLocalOf() \ud568\uc218\ub294 \uc790\uc8fc \ubcc0\uacbd\ub418\uc9c0 \uc54a\ub294 \uc0c1\ud0dc\ub97c \uc800\uc7a5\ud560 \ub54c \uc774\uc6a9\ud558\uba74 \uc88b\ub2e4. \uc0c1\ud0dc\uac00 \ubcc0\uacbd\ub418\uba74 \ud574\ub2f9 \uc0c1\ud0dc\uac00 \ud560\ub2f9\ub41c \ub178\ub4dc\uc758 \ud558\uc704 \ub178\ub4dc\ub97c \ubaa8\ub450 \uc7ac\uad6c\uc131\ud574\uc57c\ud558\uae30 \ub54c\ubb38\uc774\ub2e4. \ud55c\ud3b8 compositionLocalOf() \ud568\uc218\ub294 \ud604\uc7ac \uc0c1\ud0dc\uc5d0 \uc811\uadfc\ud558\ub294 \ucef4\ud3ec\uc800\ube14\uc5d0 \ub300\ud574\uc11c\ub9cc \uc7ac\uad6c\uc131\uc744 \uc218\ud589\ud55c\ub2e4. \uc774 \ud568\uc218\ub294 \ubcc0\uacbd\uc774 \uc7a6\uc740 \uc0c1\ud0dc\ub97c \ub2e4\ub8f0 \ub54c \uc774\uc6a9\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p>\ub2e4\uc74c \uc608\uc81c\ub294 \ucef4\ud3ec\uc800\ube14 \ud568\uc218\uc758 \uacc4\uce35\ubcc4\ub85c \uc7ac\uad6c\uc131\uc774 \ubc1c\uc0dd\ud558\ub294 \uc2dc\uc810\uc5d0 \uce74\uc6b4\ud2b8\ub97c \uc99d\uac00\uc2dc\ud0a4\uace0 \ud574\ub2f9 \uce74\uc6b4\ud2b8\ub97c \ubcf4\uc5ec\uc900\ub2e4. \uc774 \uc608\uc81c\ub97c \ud1b5\ud574 Static CompositionLocal\uacfc Dynamic CompositionLocal\uc758 \ucc28\uc774\ub97c \uc54c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2023\/01\/www.charlezz.com-compose-compositionlocal---2023-01-18--1.03.18.mov\"><\/video><\/figure>\n\n\n\n<pre class=\"wp-block-preformatted\">var <em>color <\/em>by <em>mutableStateOf<\/em>(Color.Red)\n\nprivate var <em>outsideStatic <\/em>= 0\nprivate var <em>centerStatic <\/em>= 0\nprivate var <em>insideStatic <\/em>= 0\n\nprivate var <em>outsideDynamic <\/em>= 0\nprivate var <em>centerDynamic <\/em>= 0\nprivate var <em>insideDynamic <\/em>= 0\n\nprivate val <em>ColorComposableLocalStatic <\/em>= <em>staticCompositionLocalOf<\/em>&lt;Color&gt; { <em>error<\/em>(\"\uae30\ubcf8\uac12 \uc5c6\uc74c\") }\n\nprivate val <em>ColorComposableLocalDynamic <\/em>= <em>compositionLocalOf<\/em>&lt;Color&gt; { <em>error<\/em>(\"\uae30\ubcf8\uac12 \uc5c6\uc74c\") }\n\n@Composable\nfun CompositionLocals() {\n    <em>Column <\/em><strong>{\n        <\/strong><em>Text<\/em>(\"staticCompositionLocalOf\")\n        <em>CompositionLocalProvider<\/em>(<em>ColorComposableLocalStatic <\/em>provides <em>color<\/em>) <strong>{\n            <\/strong><em>outsideStatic<\/em>++\n            <em>MyBox<\/em>(<em>color <\/em>= Color.Yellow, <em>outsideStatic<\/em>, <em>centerStatic<\/em>, <em>insideStatic<\/em>) <strong>{\n                <\/strong><em>centerStatic<\/em>++\n                <em>MyBox<\/em>(<em>color <\/em>= <em>ColorComposableLocalStatic<\/em>.current, <em>outsideStatic<\/em>, <em>centerStatic<\/em>, <em>insideStatic<\/em>) <strong>{\n                    <\/strong><em>insideStatic<\/em>++\n                    <em>MyBox<\/em>(<em>color <\/em>= Color.Yellow, <em>outsideStatic<\/em>, <em>centerStatic<\/em>, <em>insideStatic<\/em>) <strong>{\n                    }\n                }\n            }\n        }\n\n        <\/strong><em>Text<\/em>(\"compositionLocalOf\")\n        <em>CompositionLocalProvider<\/em>(<em>ColorComposableLocalDynamic <\/em>provides <em>color<\/em>) <strong>{\n            <\/strong><em>outsideDynamic<\/em>++\n            <em>MyBox<\/em>(<em>color <\/em>= Color.Yellow, <em>outsideDynamic<\/em>, <em>centerDynamic<\/em>, <em>insideDynamic<\/em>) <strong>{\n                <\/strong><em>centerDynamic<\/em>++\n                <em>MyBox<\/em>(<em>color <\/em>= <em>ColorComposableLocalDynamic<\/em>.current, <em>outsideDynamic<\/em>, <em>centerDynamic<\/em>, <em>insideDynamic<\/em>) <strong>{\n                    <\/strong><em>insideDynamic<\/em>++\n                    <em>MyBox<\/em>(<em>color <\/em>= Color.Yellow, <em>outsideDynamic<\/em>, <em>centerDynamic<\/em>, <em>insideDynamic<\/em>) <strong>{\n                    }\n                }\n            }\n        }\n\n        <\/strong><em>Button<\/em>(<em>onClick <\/em>= <strong>{\n            <\/strong><em>color <\/em>= if (<em>color <\/em>== Color.Green) {\n                Color.Red\n            } else {\n                Color.Green\n            }\n        <strong>}<\/strong>, <em>modifier <\/em>= Modifier.<em>fillMaxWidth<\/em>()) <strong>{\n            <\/strong><em>Text<\/em>(\"Click Me\")\n        <strong>}\n    }\n\n<\/strong>}\n\n@Composable\nfun MyBox(<em>color<\/em>: Color,\n          <em>outside<\/em>: Int,\n          <em>center<\/em>: Int,\n          <em>inside<\/em>: Int,\n          <em>content<\/em>: @Composable BoxScope.() -&gt; Unit) {\n    <em>Column <\/em>(Modifier.<em>background<\/em>(<em>color<\/em>)) <strong>{\n        <\/strong><em>Text<\/em>(\"outside = $<em>outside<\/em>, center = $<em>center<\/em>, inside = $<em>inside<\/em>\")\n        <em>Box<\/em>(\n            <em>modifier <\/em>= Modifier\n                .<em>fillMaxWidth<\/em>()\n                .<em>padding<\/em>(16.<em>dp<\/em>),\n            <em>content <\/em>= <em>content\n        <\/em>)\n    <strong>}\n<\/strong>}\n\n@Preview(showBackground = true)\n@Composable\nprivate fun CompositionLocalsPreview() {\n    <em>CompositionLocals<\/em>()\n}<\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ucef4\ud3ec\uc800\ube14 \ud568\uc218\ub294 \ud2b8\ub9ac(tree)\ub85c \uad6c\uc131\ub41c\ub2e4. \uc774 \ub54c \uc0c1\ud0dc\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \ud2b8\ub9ac\uc5d0\uc11c \uac00\ub2a5\ud55c \ud55c \uac00\uc7a5 \ub192\uc740 \ub178\ub4dc\uc5d0 \uc120\uc5b8\ub418\uc5b4\uc57c \ud55c\ub2e4(\uc0c1\ud0dc \ud638\uc774\uc2a4\ud305). \uadf8\ub9ac\uace0 \uc77c\ubc18\uc801\uc73c\ub85c \uc774\ub807\uac8c \uc120\uc5b8\ub41c \uc0c1\ud0dc\ub294 \ud558\uc704 \ud2b8\ub9ac\ub85c \uc804\ub2ec\ub418\uace4 \ud55c\ub2e4. \ud558\uc9c0\ub9cc \ud2b8\ub9ac\uc5d0\uc11c \uc5ec\ub7ec \ub2e8\uacc4\ub97c \ud1b5\ud574 \uc0c1\ud0dc\ub97c \uc804\ub2ec\ud574\uc57c \ud560 \ub54c\ub294 \ub2e4\uc18c \ubc88\uac70\ub85c\uc6b8 \uc218 \uc788\ub2e4. \uc608\ub97c \ub4e4\uc5b4\ubcf4\uc790. \uc6b0\uc120 \ucef4\ud3ec\uc800\ube14 \ud568\uc218 \ud2b8\ub9ac\uc758 \uae4a\uc774(depth)\uac00 n\uac1c\ub77c\uace0 \uac00\uc815\ud55c\ub2e4. \ucd5c\uc0c1\uc704 \ub178\ub4dc\ub85c\ubd80\ud130 [&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\/46403"}],"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=46403"}],"version-history":[{"count":2,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46403\/revisions"}],"predecessor-version":[{"id":46417,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46403\/revisions\/46417"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}