{"id":45448,"date":"2021-11-07T11:30:50","date_gmt":"2021-11-07T02:30:50","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45448"},"modified":"2021-11-12T16:28:58","modified_gmt":"2021-11-12T07:28:58","slug":"jetpack-compose-basics-compose-%ec%8b%9c%ec%9e%91%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45448","title":{"rendered":"Jetpack Compose basics &#8211; Compose \uc2dc\uc791\ud558\uae30"},"content":{"rendered":"<h1>Jetpack Compose\ub780?<\/h1>\n<ul><\/ul>\n<p><span>Jetpack Compose\ub294 UI \uac1c\ubc1c\uc744 \ub2e8\uc21c\ud654\ud558\ub3c4\ub85d \uc124\uacc4\ub41c \ucd5c\uc2e0 \ud234\ud0b7\uc73c\ub85c, \uac04\uacb0\ud55c \ubc18\uc751\ud615 \ud504\ub85c\uadf8\ub798\ubc0d \ubaa8\ub378\uacfc Kotlin \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\uc758 \uc26c\uc6b4 \uc0ac\uc6a9\uc131\uc744 \uacb0\ud569\ud55c\ub2e4.<\/span><\/p>\n<p>\ud504\ub85c\uc81d\ud2b8\uc5d0 \ub300\ud55c Compose \uc124\uc815\uc740 <a href=\"https:\/\/developer.android.com\/jetpack\/compose\/setup\">\uacf5\uc2dd\ubb38\uc11c<\/a>\ub97c \ucc38\uc870\ud558\uc790.<\/p>\n<h2>Compose\ub294 \uc120\uc5b8\ud615 UI \ud234\ud0b7\uc774\ub2e4.<\/h2>\n<p><span>\ucef4\ud3ec\uc988\ub294\u00a0<\/span><span>\uc644\uc804\ud788 \uc120\uc5b8\ud615 \ud504\ub85c\uadf8\ub798\ubc0d(Declarative programming) \ubc29\uc2dd\uc774\ub2e4.<\/span><\/p>\n<p><span>App\uc740 \uc815\uc801\uc778 \ub370\uc774\ud130\ub9cc\uc744 \ud45c\ud604\ud558\uc9c0 \uc54a\ub294\ub2e4. \uc0ac\uc6a9\uc790 \ub610\ub294 \uc2dc\uc2a4\ud15c \ub4f1\uc5d0 \uc758\ud574 \ubcc0\ud654\ubb34\uc30d\ud55c \ub3d9\uc801\uc778 \ub370\uc774\ud130\ub97c \ud45c\ud604\ud558\uac8c \ub41c\ub2e4. \uc989, \ub370\uc774\ud130\uac00 \ubcc0\uacbd\ub418\uba74 UI\ub3c4 \ubcc0\uacbd\ub418\uc5b4\uc57c \ud558\ub294 \uacbd\uc6b0\uac00 \ub300\ub2e4\uc218\ub2e4. \ub2e4\uc74c\uc758 \uadf8\ub9bc\uc744 \ud1b5\ud574 \uace0\uc804\uc801\uc778 \ubc29\uc2dd\uc758 UI \ubcc0\uacbd \ud750\ub984\uc744 \uc0b4\ud3b4\ubcf4\uc790.<\/span><\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13.png\" alt=\"\" width=\"2722\" height=\"1534\" class=\"alignnone size-full wp-image-45449\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13.png 2722w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13-1024x577.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13-1536x866.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-13-2048x1154.png 2048w\" sizes=\"(max-width: 2722px) 100vw, 2722px\" \/><\/a><\/p>\n<p>XML \ub808\uc774\uc544\uc6c3\uc744 \ud1b5\ud574 TextView \ub610\ub294 Button\uacfc \uac19\uc740 UI\ub97c \ub9cc\ub4e4\uace0, \uc8fc\uc5b4\uc9c4 \ub370\uc774\ud130\ub97c UI\uc5d0 \ubc18\uc601\ud558\uae30 \uc704\ud574 setText(&#8230;)\uc640 \uac19\uc740 \uba85\ub839\uc744 \uac1c\ubc1c\uc790\uac00 \uc9c1\uc811 \uc785\ub825\ud558\uac8c \ub41c\ub2e4. \uc774\ub97c \uba85\ub839\ud615 \ud504\ub85c\uadf8\ub798\ubc0d(Imperative programming)\uc774\ub77c \ud560 \uc218 \uc788\ub2e4. \uc774\ub7ec\ud55c \ubc29\uc2dd\uc758 \uac00\uc7a5 \ud070 \ubb38\uc81c\uc810\uc740 UI \ucef4\ud3ec\ub10c\ud2b8\ub3c4 \uc0c1\ud0dc(\ub370\uc774\ud130)\ub97c \uac00\uc9c0\uace0 \uc788\uace0, \uac1c\ubc1c\uc790\uac00 \uc81c\uc5b4\ud558\ub294 Activity\/Fragment\/ViewModel \ub4f1\uc5d0\uc11c \uc0c1\ud0dc(\ub370\uc774\ud130)\ub97c \uac00\uc9c0\uace0 \uc788\ub2e4\ub294 \uc810\uc774\ub2e4. \uc989, \ub3d9\ub4f1\ud55c \uc0c1\ud0dc\uac00 \ub450\uac1c\uc758 \ub3c5\ub9bd\uc801\uc778 \uc0c1\ud0dc\ub85c \uc874\uc7ac\ud558\uac8c \ub41c\ub2e4. \uc774\ub7ec\ud55c \ubd80\ubd84 \ub54c\ubb38\uc5d0 \ucd08\ucc3d\uae30 \uc548\ub4dc\ub85c\uc774\ub4dc \uac1c\ubc1c\ubc29\uc2dd\uc5d0\uc11c\ub294 \ubcc0\uacbd\ub41c \ub370\uc774\ud130\uc640 UI\uc758 \uc0c1\ud0dc\uac00 \uc77c\uce58 \ud558\uc9c0 \uc54a\ub294 \ubb38\uc81c\uac00 \uc885\uc885 \ubc1c\uc0dd\ud588\uc5c8\ub2e4. \uadf8\ub807\uae30 \ub54c\ubb38\uc5d0 \ub370\uc774\ud130\ubc14\uc778\ub529\uc774\ub77c\ub294 \uae30\ubc95\uc744 \ud1b5\ud574 \ub3d9\uc801\uc778 \ub370\uc774\ud130\uc640 UI \ud604\uc7ac \uc0c1\ud0dc\ub97c \uc77c\uad00\ub418\uac8c \ud558\ub294 \ud504\ub85c\uadf8\ub798\ubc0d \ubc29\uc2dd\uc744 \uc9c0\uae08\uae4c\uc9c0 \uace0\uc218\ud574\uc654\ub2e4.<\/p>\n<p>\uadf8\ub807\ub2e4\uba74 Compose\ub294 \uc5b4\ub5a8\uae4c?<\/p>\n<p>\uc120\uc5b8\ud615 UI\ub77c\ub294 \uac83\uc744 \uac04\ub2e8\ud788 \uc124\uba85\ud558\uc790\uba74, &#8220;UI\ub294 \uc774\ub807\uac8c,\uc800\ub807\uac8c \uad6c\uc131\ud574\uc57c \ub3fc!&#8221; \ub77c\ub294 \uc815\uc758\uc790\uccb4\ub9cc \ud558\uace0 \uadf8 \ub4a4\uc5d0 \ub3d9\uc791\ud558\ub294 \ubd80\ubd84\uc740 \uac1c\ubc1c\uc790\uac00 \uad00\uc5ec\ud558\uc9c0 \uc54a\ub294 \uac83\uc744 \ub9d0\ud55c\ub2e4. \uc544\ub798\uc758 \uadf8\ub9bc\uc744 \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-14.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-14.png\" alt=\"\" width=\"1670\" height=\"654\" class=\"alignnone size-full wp-image-45450\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-14.png 1670w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-14-300x117.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-14-1024x401.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-14-768x301.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-screenshot-14-1536x602.png 1536w\" sizes=\"(max-width: 1670px) 100vw, 1670px\" \/><\/a><\/p>\n<p>Compose\ub97c \uc0ac\uc6a9\ud558\uba74 \uac1c\ubc1c\uc790\ub294 \ub354 \uc774\uc0c1 UI\ub97c \uc81c\uc5b4\ud558\ub294 \uac83\uc5d0 \ub300\ud574 \uad00\uc5ec\ud558\uc9c0 \uc54a\ub294\ub2e4. \uadf8\uc800 \uac1c\ubc1c\uc790\ub294 \uc0c1\ud0dc\ub97c \uad00\ub9ac\ud558\ub294\ub370 \uc9d1\uc911\ud560 \uc218 \uc788\uac8c \ub41c\ub2e4. \uc0c1\ud0dc\uc5d0 \ub530\ub978 UI\ub9cc \uc120\uc5b8\uc801\uc73c\ub85c \ubbf8\ub9ac \uc815\uc758\ud558\uace0, \ud604\uc7ac\uc758 \uc0c1\ud0dc\ub97c Compose\uc5d0\uac8c \ub118\uaca8\uc8fc\uae30\ub9cc \ud558\uba74\ub41c\ub2e4.\u00a0 \ub370\uc774\ud130\uac00 \ubcc0\uacbd\ub418\uba74 Compose\ub294 \uc790\ub3d9\uc73c\ub85c \ub2e4\uc2dc UI \uacc4\uce35 \uad6c\uc870\ub97c \uac31\uc2e0\ud558\uac8c \ub41c\ub2e4.<\/p>\n<h2>@Composable<\/h2>\n<p><span>Compose\ub294 \ub370\uc774\ud130\ub97c UI \uacc4\uce35 \uad6c\uc870\ub85c \ubcc0\ud658\ud558\ub294 \uc77c\ub828\uc758 \ud568\uc218\ub97c \ud638\ucd9c\ud558\uc5ec UI\ub97c \uad6c\uc131\ud558\uac8c \ub418\ub294\ub370, \uc774\ub54c \ud638\ucd9c\ub418\ub294 \ud568\uc218\ub294 @Composable\uc774\ub77c\ub294 \uc560\ub178\ud14c\uc774\uc158\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc120\uc5b8\ud558\uac8c \ub41c\ub2e4. <\/span><\/p>\n<p><span>@Composable\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc120\uc5b8\ud558\ub294 \ud568\uc218\ub97c Composable \ud568\uc218\ub77c\uace0 \ud55c\ub2e4. Compose\ub294 \uc120\uc5b8\ud55c Composable \ud568\uc218\ub97c \ud1b5\ud574 \uc2dc\uac04\uc774 \uc9c0\ub0a8\uc5d0 \ub530\ub77c UI\ub97c \uac31\uc2e0\ud558\uace0 \uc720\uc9c0 \uad00\ub9ac\ud560 \uc218 \uc788\ub3c4\ub85d \ud55c\ub2e4. <\/span><\/p>\n<p><span>Composable \ud568\uc218\ub294 \ub610 \ub2e4\ub978 Composable \ud568\uc218\ub97c \ud638\ucd9c\ud560 \uc218 \uc788\ub294\ub370, \uc774\ub7ec\ud55c \uae30\ub2a5\ub355\uc5d0 <\/span><span>\uc791\uc740 UI\ub2e8\uc704\ub85c Composable \ud568\uc218\ub97c \uc815\uc758\ud558\uc5ec UI\ub97c \ub3c5\ub9bd\uc801\uc73c\ub85c \ud3b8\uc9d1\ud558\uace0, \uc870\ud569\ud558\uc5ec \uc804\uccb4\uc801\uc778 UI\ub97c \uad6c\uc131\ud560 \uc218 \uc788\uac8c \ub41c\ub2e4.<\/span><\/p>\n<h1>Compose \ud504\ub85c\uc81d\ud2b8 \ub9cc\ub4e4\uace0 \uc2dc\uc791\ud558\uae30<\/h1>\n<p><strong>File<\/strong><span>\u00a0&gt;\u00a0<\/span><strong>New<\/strong><span>\u00a0&gt;\u00a0<\/span><strong>New Project<\/strong>\ub97c \ub20c\ub7ec <strong>Empty Compose Activity<\/strong>\ub97c \uc120\ud0dd\ud558\uc790.<\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-a67ba73a4f06b7ac.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-a67ba73a4f06b7ac.png\" alt=\"\" width=\"1600\" height=\"1159\" class=\"alignnone size-full wp-image-45451\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-a67ba73a4f06b7ac.png 1600w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-a67ba73a4f06b7ac-300x217.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-a67ba73a4f06b7ac-1024x742.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-a67ba73a4f06b7ac-768x556.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-1-jetpack-compose-basics-a67ba73a4f06b7ac-1536x1113.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/a><\/p>\n<p>\ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud558\uace0 \ub098\uba74, MainActivity\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc740 \ucf54\ub4dc\uac00 \uc0dd\uc131\ub418\uc5b4 \uc788\ub2e4.<\/p>\n<pre class=\"lang: decode:true\">class MainActivity : AppCompatActivity() {\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n        setContent {\n            BasicsCodelabTheme {\n                \/\/ A surface container using the 'background' color from the theme\n                Surface(color = MaterialTheme.colors.background) {\n                    Greeting(\"Android\")\n                }\n            }\n        }\n    }\n}\n\n@Composable\nprivate fun Greeting(name: String) {\n    Text(text = \"Hello $name!\")\n}\n\n@Preview(showBackground = true)\n@Composable\nfun DefaultPreview() {\n    BasicsCodelabTheme {\n        Greeting(\"Android\")\n    }\n}<\/pre>\n<p>BasicsCodelabTheme\uacfc \uac19\uc740 theme \ucf54\ub4dc\ub294 \uc571 \uc774\ub984\uc744 \ub530\ub77c\uac00\ubbc0\ub85c \uc608\uc81c\ucf54\ub4dc\uc640\ub294 \ub2e4\ub97c \uc218 \uc788\ub2e4.<\/p>\n<h2>Composable \ud568\uc218 \uc120\uc5b8\ud558\uae30<\/h2>\n<p>composable \ud568\uc218\ub294 @Composable \uc560\ub178\ud14c\uc774\uc158\ub9cc \ubd99\uc740 \uadf8\ub0e5 \uc77c\ubc18\uc801\uc778 \ud568\uc218\ub2e4. \ub2e4\uc74c Greeting \ud568\uc218\ub97c \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n<pre class=\"lang: decode:true \">@Composable\nprivate fun Greeting(name: String) {\n   Text(text = \"Hello $name!\")\n}<\/pre>\n<p>\uc774 \ud568\uc218\ub294 \uc8fc\uc5b4\uc9c4 name\uc774\ub77c\ub294 \ubb38\uc790\uc5f4\uc744 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc5d0\uc11c \uc81c\uacf5\ud558\uace0 \uc788\ub294 Text\ub77c\ub294 composable \ud568\uc218\uc5d0 \uc804\ub2ec\ud558\uace0 \uc788\ub2e4.<\/p>\n<p>\uc774 \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\ub294 MainActivity \ucf54\ub4dc\ub97c \uc7a0\uc2dc \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n<pre class=\"lang: decode:true\">class MainActivity : AppCompatActivity() {\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n        setContent {\n            BasicsCodelabTheme {\n                \/\/ A surface container using the 'background' color from the theme\n                Surface(color = MaterialTheme.colors.background) {\n                    Greeting(\"Android\")\n                }\n            }\n        }\n    }\n}<\/pre>\n<p>setContentView\ub97c \ud638\ucd9c\ud558\uc5ec xml \ub808\uc774\uc544\uc6c3\uc744 \uc804\uac1c\ud558\ub358 \uae30\uc874\ubc29\uc2dd\uacfc\ub294 \ub2e4\ub974\uac8c setContent\ub77c\ub294 \ud568\uc218\ub97c \ud638\ucd9c\ud558\uace0\u00a0 \uc5ec\uae30\uc5d0 composable \ud568\uc218\ub97c \uc778\uc790\ub85c \uc804\ub2ec\ud558\uace0 \uc788\ub2e4.<\/p>\n<p>BasicsCodeTheme\uc740 \ud14c\ub9c8\ub97c \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\uc911\ud558\ub098\ub85c \ub098\uc911\uc5d0 \uc54c\uc544\ubcf4\uae30\ub85c \ud558\uace0 \uc9c0\uae08\uc740 \uadf8\ub0e5 \ub118\uc5b4\uac00\uc790.<\/p>\n<p>Surface\uacfc MaterialTheme\uc740 \uba38\ud14c\ub9ac\uc5bc \ub514\uc790\uc778\uacfc \uad00\ub828\ub41c \uac1c\ub150\uc73c\ub85c\uc368, \ub2f9\uc2e0\uc758 UI\/UX \uc0dd\uc131\uc744 \ub3d5\uae30 \uc704\ud558 \uad6c\uae00\uc774 \ub9cc\ub4e0 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \uc758\ubbf8 \ud55c\ub2e4. \uc77c\ub2e8 \ub118\uc5b4\uac00\uc790.<\/p>\n<p>Android Studio preview(\ubbf8\ub9ac\ubcf4\uae30)\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c composable \ud568\uc218\uc5d0 @Preview \uc560\ub178\ud14c\uc774\uc158\uc744 \ubd99\uc774\uace0 \ube4c\ub4dc\ud558\uc5ec \ud655\uc778\ud560 \uc218 \uc788\ub2e4. \uc774\ubbf8 \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131\uc2dc \ud3ec\ud568\ub41c DefaultPreview \ud568\uc218\ub97c\u00a0 \ud1b5\ud574 \ud655\uc778\ud574\ubcf4\uc790.<\/p>\n<pre class=\"lang: decode:true\">@Preview(showBackground = true, name = \"Text preview\")\n@Composable\nfun DefaultPreview() {\n    BasicsCodelabTheme {\n        Greeting(name = \"Android\")\n    }\n}<\/pre>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-jetpack-compose-basics-88d6e7a2cfc33ed9.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-jetpack-compose-basics-88d6e7a2cfc33ed9.png\" alt=\"\" width=\"884\" height=\"250\" class=\"alignnone size-full wp-image-45452\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-jetpack-compose-basics-88d6e7a2cfc33ed9.png 884w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-jetpack-compose-basics-88d6e7a2cfc33ed9-300x85.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-compose-jetpack-compose-basics-88d6e7a2cfc33ed9-768x217.png 768w\" sizes=\"(max-width: 884px) 100vw, 884px\" \/><\/a><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jetpack Compose\ub780? Jetpack Compose\ub294 UI \uac1c\ubc1c\uc744 \ub2e8\uc21c\ud654\ud558\ub3c4\ub85d \uc124\uacc4\ub41c \ucd5c\uc2e0 \ud234\ud0b7\uc73c\ub85c, \uac04\uacb0\ud55c \ubc18\uc751\ud615 \ud504\ub85c\uadf8\ub798\ubc0d \ubaa8\ub378\uacfc Kotlin \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\uc758 \uc26c\uc6b4 \uc0ac\uc6a9\uc131\uc744 \uacb0\ud569\ud55c\ub2e4. \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub300\ud55c Compose \uc124\uc815\uc740 \uacf5\uc2dd\ubb38\uc11c\ub97c \ucc38\uc870\ud558\uc790. Compose\ub294 \uc120\uc5b8\ud615 UI \ud234\ud0b7\uc774\ub2e4. \ucef4\ud3ec\uc988\ub294\u00a0\uc644\uc804\ud788 \uc120\uc5b8\ud615 \ud504\ub85c\uadf8\ub798\ubc0d(Declarative programming) \ubc29\uc2dd\uc774\ub2e4. App\uc740 \uc815\uc801\uc778 \ub370\uc774\ud130\ub9cc\uc744 \ud45c\ud604\ud558\uc9c0 \uc54a\ub294\ub2e4. \uc0ac\uc6a9\uc790 \ub610\ub294 \uc2dc\uc2a4\ud15c \ub4f1\uc5d0 \uc758\ud574 \ubcc0\ud654\ubb34\uc30d\ud55c \ub3d9\uc801\uc778 \ub370\uc774\ud130\ub97c \ud45c\ud604\ud558\uac8c \ub41c\ub2e4. [&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\/45448"}],"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=45448"}],"version-history":[{"count":3,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45448\/revisions"}],"predecessor-version":[{"id":45475,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45448\/revisions\/45475"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}