{"id":45607,"date":"2021-11-12T17:32:59","date_gmt":"2021-11-12T08:32:59","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45607"},"modified":"2021-11-12T17:33:01","modified_gmt":"2021-11-12T08:33:01","slug":"using-state-in-jetpack-compose-introduction","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45607","title":{"rendered":"Using state in Jetpack Compose &#8211; Introduction"},"content":{"rendered":"\n<p>\uc774 \ucf54\ub4dc\ub7a9\uc5d0\uc11c\ub294 state \ubc0f Jetpack Compose\uc5d0 \uc758\ud574 state\uac00 \uc5b4\ub5bb\uac8c \uc0ac\uc6a9\ub418\uace0 \uc870\uc791\ub418\ub294\uc9c0 \uc54c\uc544\ubcf8\ub2e4.<\/p>\n\n\n\n<p>\uadf8 \uc804\uc5d0, state\ub77c\ub294 \uac83\uc774 \uc815\ud655\ud788 \ubb34\uc5c7\uc778\uc9c0 \uc815\uc758\ud558\ub294\uac8c \uc88b\uc744 \uac83 \uac19\ub2e4. state\uc758 \ud575\uc2ec\uc744 \ubcf4\uba74, \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 state\ub294 \uc2dc\uac04\uc5d0 \ub530\ub77c \ubcc0\uacbd \uac00\ub2a5\ud55c \uc5b4\ub5a4 \uac12\uc774\ub2e4. \uc774\uac74 \ub9e4\uc6b0 \uac1c\uad04\uc801\uc778 \uc815\uc758\uace0, Room \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ubd80\ud130 \ud074\ub798\uc2a4\ub0b4\uc758 \ubcc0\uc218\uae4c\uc790 \ub9dd\ub77c\ud55c\ub2e4.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 State(\uc0c1\ud0dc)\ub294 \uc2dc\uac04\uc5d0 \ub530\ub77c \ubcc0\uacbd \uac00\ub2a5\ud55c \uc5b4\ub5a4 \uac12\uc774\ub2e4.<\/strong><\/p><p>\uc608\ub97c\ub4e4\uc5b4 Room \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0\uc11c \uc800\uc7a5\ub41c \uac12, \ud074\ub798\uc2a4\uc5d0 \uc120\uc5b8\ub41c \ubcc0\uc218, \ub610\ub294 \uac00\uc18d\uacc4\ub85c\ubd80\ud130 \uc77d\uc5b4\uc628 \ud604\uc7ac \uac12\ub3c4 State\uac00 \ub420 \uc218 \uc788\ub2e4.<\/p><\/blockquote>\n\n\n\n<p>\ubaa8\ub4e0 \uc548\ub4dc\ub85c\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uc0ac\uc6a9\uc790\uc5d0\uac8c state\ub97c \ubcf4\uc5ec\uc900\ub2e4. \uc548\ub4dc\ub85c\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc0c1\ud0dc\uc5d0 \ub300\ud55c \uba87\uac00\uc9c0 \uc608\uc81c\ub97c \ubcf4\uc790.<\/p>\n\n\n\n<ol><li>\ub124\ud2b8\uc6cc\ud06c \uc5f0\uacb0\uc774 \ub04a\uacbc\uc744 \ub54c \ubcf4\uc5ec\uc8fc\ub294 \uc2a4\ub0b5\ubc14<\/li><li>\ube14\ub85c\uadf8 \ud3ec\uc2a4\ud305 \ubc0f \uc5f0\uad00\ub41c \ub313\uae00\ub4e4<\/li><li>\uc0ac\uc6a9\uc790\uac00 \ud074\ub9ad\ud560 \ub54c \uc2e4\ud589\ub418\ub294 \ubb3c\uacb0 \uc560\ub2c8\uba54\uc774\uc158 <\/li><li>\uc774\ubbf8\uc9c0 \uc704\uc5d0 \uc0ac\uc6a9\uc790\uac00 \uadf8\ub9b4 \uc218 \uc788\ub3c4\ub85d \ud558\ub294 \uc2a4\ud2f0\ucee4\ub4e4<\/li><\/ol>\n\n\n\n<p>\uc774 \ucf54\ub4dc\ub7a9\uc5d0\uc11c\ub294 Jetpack Compose\ub97c \uc0ac\uc6a9\ud558\uba74\uc11c state\ub97c \uc5b4\ub5bb\uac8c \uc0ac\uc6a9\ud558\uace0 \uc0dd\uac01\ud574\uc57c\ud558\ub294\uc9c0\uc5d0 \ub300\ud574 \ud0d0\uc0c9\ud55c\ub2e4. \uc774\ub97c \uc218\ud589 \ud558\uae30 \uc704\ud574 TODO\uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4e4 \uac83\uc774\ub2e4. \ucf54\ub4dc\ub7a9\uc5d0 \ub9e8 \ub9c8\uc9c0\ub9c9 \ubd80\ubd84\uc5d0\uc11c\ub294 \uc0c1\ud638\uc791\uc6a9\uac00\ub2a5\ud558\uace0, \uc218\uc815\ud560 \uc218 \uc788\ub294, TODO \ubaa9\ub85d\uc744 \ubcf4\uc5ec\uc8fc\ub294 stateful\ud55c UI\ub97c \uac16\uac8c \ub41c\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"625\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-using-state-in-jetpack-compose-introduction-e1dae0ad7bb2e883-1024x625.png\" alt=\"\" class=\"wp-image-45608\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-using-state-in-jetpack-compose-introduction-e1dae0ad7bb2e883-1024x625.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-using-state-in-jetpack-compose-introduction-e1dae0ad7bb2e883-300x183.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-using-state-in-jetpack-compose-introduction-e1dae0ad7bb2e883-768x469.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2021\/11\/www.charlezz.com-using-state-in-jetpack-compose-introduction-e1dae0ad7bb2e883.png 1217w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ub2e4\uc74c \uc139\uc158\uc5d0\uc11c\ub294 <strong>\ub2e8\ubc29\ud5a5 \ub370\uc774\ud130 \ud750\ub984<\/strong>(Unidirectional Data Flow)\uc5d0 \ub300\ud574\uc11c \ubc30\uc6b4\ub2e4. \ub514\uc790\uc778 \ud328\ud134\uc758 \uc77c\uc885\uc73c\ub85c Compose\ub97c \uc0ac\uc6a9\ud560 \ub54c \uc0c1\ud0dc\ub97c \ud45c\uc2dc\ud558\uace0 \uad00\ub9ac\ud558\ub294 \ubc29\ubc95\uc744 \uc774\ud574\ud558\ub294 \ub370 \ud575\uc2ec\uc774 \ub41c\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What you&#8217;ll learn(\ub2f9\uc2e0\uc774 \ubc30\uc6b8 \uac83)<\/h2>\n\n\n\n<ul><li>\ub2e8\ubc29\ud5a5 \ub370\uc774\ud130 \ud750\ub984\uc774\ub780 \ubb34\uc5c7\uc778\uac00<\/li><li>UI\uc5d0\uc11c state\uc640 event\uc5d0 \ub300\ud574\uc11c \uc5b4\ub5bb\uac8c \uc0dd\uac01\ud574\uc57c \ud558\ub294\uac00<\/li><li>\ucef4\ud3ec\uc988\uac00 \uad00\ub9ac\ud558\ub294 state\uc5d0\uc11c ViewModel \ubc0f LiveData \uac19\uc740 \uc544\ud0a4\ud14d\ucc98 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc5b4\ub5bb\uac8c \uc0ac\uc6a9\ud574\uc57c \ud558\ub294\uac00<\/li><li>\ucef4\ud3ec\uc988\ub294 \uc5b4\ub36f\uac8c \uc0c1\ud0dc\ub97c \uc774\uc6a9\ud558\uc5ec \ud654\uba74\uc744 \uadf8\ub9ac\ub294\uac00<\/li><li>\ud638\ucd9c\uc790(caller)\uc5d0\uac8c \uc0c1\ud0dc\ub97c \uc774\ub3d9\ud560 \ub54c<\/li><li>\ucef4\ud3ec\uc988\uc5d0\uc11c \ub0b4\ubd80\uc801\uc778 state \uc0ac\uc6a9\ud558\uae30<\/li><li>Compose\uc758 state\ub97c \ud1b5\ud569\ud558\uae30 \uc704\ud574 \uc5b4\ub5bb\uac8c State&lt;T>\ub97c \uc0ac\uc6a9\ud574\uc57c \ud558\ub294\uac00<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What you&#8217;ll need(\ub2f9\uc2e0\uc774 \ud544\uc694\ud55c \uac83)<\/h2>\n\n\n\n<ul><li>\uc548\ub4dc\ub85c\uc774\ub4dc \uc2a4\ud29c\ub514\uc624 Arctic Fox<\/li><li>\ucf54\ud2c0\ub9b0\uc5d0 \ub300\ud55c \uc9c0\uc2dd<\/li><li>Jetpack Compose basics \ucf54\ub4dc\ub7a9 \uc120\ud589\ud559\uc2b5 \ud558\uae30<\/li><li>(@Composable \uc560\ub178\ud14c\uc774\uc158\uacfc \uac19\uc740) \ucef4\ud3ec\uc988\uc5d0 \ub300\ud55c \uae30\ucd08 \uc774\ud574<\/li><li>\ucef4\ud3ec\uc988 \ub808\uc774\uc544\uc6c3\uc5d0 \ub300\ud55c \uce5c\uc219\ud568. \uc608) Row \ubc0f Column<\/li><li>Modifier\uc5d0 \ub300\ud55c \uce5c\uc219\ud568. \uc608) Modifier.padding<\/li><li>ViewModel \ubc0f LiveData\uc5d0 \ub300\ud55c \uae30\ucd08\uc801\uc778 \uc774\ud574<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What you&#8217;ll build(\ub2f9\uc2e0\uc774 \ub9cc\ub4e4 \uac83)<\/h2>\n\n\n\n<ul><li>\ucef4\ud3ec\uc988\uc5d0\uc11c \ub2e8\ubc29\ud5a5 \ub370\uc774\ud130 \ud750\ub984\uc744 \uc0ac\uc6a9\ud558\ub294 \uc0c1\ud638\uc791\uc6a9 \uac00\ub2a5\ud55c TODO \uc571<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\uc774 \ucf54\ub4dc\ub7a9\uc5d0\uc11c\ub294 state \ubc0f Jetpack Compose\uc5d0 \uc758\ud574 state\uac00 \uc5b4\ub5bb\uac8c \uc0ac\uc6a9\ub418\uace0 \uc870\uc791\ub418\ub294\uc9c0 \uc54c\uc544\ubcf8\ub2e4. \uadf8 \uc804\uc5d0, state\ub77c\ub294 \uac83\uc774 \uc815\ud655\ud788 \ubb34\uc5c7\uc778\uc9c0 \uc815\uc758\ud558\ub294\uac8c \uc88b\uc744 \uac83 \uac19\ub2e4. state\uc758 \ud575\uc2ec\uc744 \ubcf4\uba74, \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 state\ub294 \uc2dc\uac04\uc5d0 \ub530\ub77c \ubcc0\uacbd \uac00\ub2a5\ud55c \uc5b4\ub5a4 \uac12\uc774\ub2e4. \uc774\uac74 \ub9e4\uc6b0 \uac1c\uad04\uc801\uc778 \uc815\uc758\uace0, Room \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ubd80\ud130 \ud074\ub798\uc2a4\ub0b4\uc758 \ubcc0\uc218\uae4c\uc790 \ub9dd\ub77c\ud55c\ub2e4. \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 State(\uc0c1\ud0dc)\ub294 \uc2dc\uac04\uc5d0 \ub530\ub77c \ubcc0\uacbd \uac00\ub2a5\ud55c \uc5b4\ub5a4 [&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\/45607"}],"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=45607"}],"version-history":[{"count":1,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45607\/revisions"}],"predecessor-version":[{"id":45609,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45607\/revisions\/45609"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}