{"id":45740,"date":"2021-11-21T02:38:16","date_gmt":"2021-11-20T17:38:16","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=45740"},"modified":"2021-11-21T02:38:18","modified_gmt":"2021-11-20T17:38:18","slug":"jetpack-compose-navigation-%ec%86%8c%ea%b0%9c-%eb%b0%8f-%ec%84%a4%ec%a0%95","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=45740","title":{"rendered":"Jetpack Compose Navigation &#8211; \uc18c\uac1c \ubc0f \uc124\uc815"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Jetpack Compose \uc18c\uac1c<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-youll-need\"><strong>\ud544\uc694\ud55c \uac83<\/strong><\/h2>\n\n\n\n<ul><li>\ucd5c\uc2e0\u00a0<a href=\"https:\/\/developer.android.com\/studio?hl=ko\" target=\"_blank\" rel=\"noreferrer noopener\">Android \uc2a4\ud29c\ub514\uc624 Arctic Fox<\/a><\/li><li>\ucf54\ud2c0\ub9b0 \uc9c0\uc2dd<\/li><li>\ucef4\ud3ec\uc988\uc5d0\uc5d0 \ub300\ud55c \uae30\ubcf8\uc801\uc778 \uc774\ud574(\uc608:\u00a0<code>@Composable<\/code> \uc560\ub178\ud14c\uc774\uc158)<\/li><li>\uc774 \ucf54\ub4dc\ub7a9 \uc774\uc804\uc5d0 <a href=\"https:\/\/www.charlezz.com\/?p=45448\">Jetpack Compose basics \ucf54\ub4dc\ub7a9<\/a>\uc744 \uba3c\uc800 \ubcf4\ub294 \uac83\uc744 \uace0\ub824\ud558\uc790.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"navigating-with-compose\"><strong>Compose\uc640 \ud568\uaed8 \ub124\ube44\uac8c\uc774\ud305<\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/developer.android.com\/guide\/navigation?hl=ko\" target=\"_blank\" rel=\"noreferrer noopener\">Navigation<\/a>\uc740 \ud2b9\uc815 \uacbd\ub85c\ub97c \ub530\ub77c \uc571 \ub0b4\uc758 \ud55c \ub300\uc0c1\uc5d0\uc11c \ub2e4\ub978 \ub300\uc0c1\uc73c\ub85c \ub124\ube44\uac8c\uc774\ud305(= \ud0d0\uc0c9 or \uc774\ub3d9) \ud560 \uc218 \uc788\uac8c \ud574\uc8fc\ub294 Jetpack \ub77c\uc774\ube0c\ub7ec\ub9ac\ub2e4.\u00a0Navigation \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ub610\ud55c Jetpack \ucef4\ud3ec\uc988\ub85c \uad6c\ucd95\ub41c \ud654\uba74 \ub0b4\uc5d0\uc11c \uc77c\uad00\ub418\uace0, \uad00\uc6a9\uc801\uc778 \ub124\ube44\uac8c\uc774\uc158\uc744 \uac00\ub2a5\ud558\uac8c \ud558\ub294 \ud2b9\uc815 \uc544\ud2f0\ud329\ud2b8\ub97c \uc81c\uacf5\ud55c\ub2e4.\u00a0\uc774 \uc544\ud2f0\ud329\ud2b8(\u00a0<code>navigation-compose<\/code>)\ub294 \uc774 \ucf54\ub4dc\ub7a9\uc5d0\uc11c \uc8fc\uc548\uc810\uc73c\ub85c \ub450\uace0 \uc788\ub294 \ubd80\ubd84\uc774\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-youll-do\"><strong>\ub2f9\uc2e0\uc774 \ud560 \uc77c<\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/material.io\/design\/material-studies\/rally.html#about-rally\" target=\"_blank\" rel=\"noreferrer noopener\">Rally Material Study<\/a>\ub97c \uc774 \ucf54\ub4dc\ub7a9\uc758 \ubca0\uc774\uc2a4\ub85c \uc0ac\uc6a9\ud560 \uac83\uc774\ub2e4.\u00a0\uae30\uc874 \ub124\ube44\uac8c\uc774\uc158 \ucf54\ub4dc\ub97c \ub9c8\uc774\uadf8\ub808\uc774\uc158\ud558\uc5ec, Jetpack \ub124\ube44\uac8c\uc774\uc158 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc0ac\uc6a9\ud558\uace0, Jetpack \ucef4\ud3ec\uc988\uc758 \ud654\uba74 \uac04\uc744 \ub124\ube44\uac8c\uc774\uc158\ud55c\ub2e4.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Note<\/strong>: Rally\ub294 \uba38\ud2f0\ub9ac\uc5bc \ub514\uc790\uc778 \ucef4\ud3ec\ub10c\ud2b8\uc640 \uba38\ud2f0\ub9ac\uc5bc \ud14c\ub9c8\ub97c \uc0ac\uc6a9\ud558\uc5ec, \ub370\uc774\ud130 \uae30\ubc18\uc758 \uc2ec\ubbf8\ud559\uc73c\ub85c \ube0c\ub79c\ub4dc \uacbd\ud5d8\uc744 \uc0dd\uc131\ud558\ub294 \uac1c\uc778 \uae08\uc735 \uc571\uc774\ub2e4.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-youll-learn\"><strong>\ubc30\uc6b8 \ub0b4\uc6a9<\/strong><\/h2>\n\n\n\n<ul><li>Jetpack Compose\uc640 \ud568\uaed8 Jetpack Navigation \uc0ac\uc6a9\uc758 \uae30\ubcf8 \uc0ac\ud56d<\/li><li>\ucef4\ud3ec\uc800\ube14 \uac04 \ub124\ube44\uac8c\uc774\ud305<\/li><li>\ud544\uc218 \ubc0f \uc120\ud0dd\uc801 \uc778\uc790\uc640 \ud568\uaed8 \ub124\ube44\uac8c\uc774\ud305<\/li><li>\ub525 \ub9c1\ud06c\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub124\ube44\uac8c\uc774\ud305<\/li><li>\ub124\ube44\uac8c\uc774\uc158 \uacc4\uce35 \uad6c\uc870\uc5d0 TabBar \ud1b5\ud569<\/li><li>\ub124\ube44\uac8c\uc774\uc158 \ud14c\uc2a4\ud2b8<\/li><\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">Jetpack Compose \uc124\uc815<\/h1>\n\n\n\n<p>\ub2f9\uc2e0\uc758 \ucef4\ud4e8\ud130\uc5d0\uc11c \uc774 \ucf54\ub4dc\ub7a9\uc744 \ub530\ub77c\uac08 \uc218 \uc788\ub2e4. \uc9c1\uc811 \ub530\ub77c\ud558\ub824\uba74 \ucf54\ub4dc\ub7a9\uc758 \uc2dc\uc791\uc810\uc744 \ud074\ub860\ud558\uc790.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">$ git clone https:\/\/github.com\/googlecodelabs\/android-compose-codelabs.git\n<\/pre>\n\n\n\n<p>git \ucee4\ub9e8\ub4dc \ub300\uc2e0 \ub450\uac1c\uc758 \uc555\ucd95 \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc744 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/github.com\/googlecodelabs\/android-compose-codelabs\/archive\/refs\/heads\/main.zip\" target=\"_blank\" rel=\"noreferrer noopener\">Starting point<\/a><\/li><li><a href=\"https:\/\/github.com\/googlecodelabs\/android-compose-codelabs\/archive\/refs\/heads\/end.zip\" target=\"_blank\" rel=\"noreferrer noopener\">Solution<\/a><\/li><\/ul>\n\n\n\n<p>\ucf54\ub4dc\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud588\uc73c\ubbc0\ub85c Android Studio\uc5d0\uc11c NavigationCodelab \ud504\ub85c\uc81d\ud2b8\ub97c \uc5f4\uc790. \uc774\uc81c \uc2dc\uc791\ud560 \uc900\ube44\uac00 \ub418\uc5c8\ub2e4.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>\ucef4\ud3ec\uc988 \ucf54\ub4dc\ub7a9 \uc800\uc7a5\uc18c\ub294 \ucf54\ub4dc\ub7a9 \uacfc\uc815\uc744 \ub530\ub77c\uac00\uae30 \uc704\ud55c \uc2a4\ud0c0\ud130 \ucf54\ub4dc\ub97c \ud3ec\ud568\ud55c\ub2e4.<\/p><p>\uc774 \ucf54\ub4dc\ub7a9\uc5d0\uc11c NavigationCodelab \ud504\ub85c\uc81d\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc790.<\/p><p>  &#8211; <strong>NavigationCodelab<\/strong> : \uc774 \ucf54\ub4dc\ub7a9\uc744 \uc704\ud55c \uc2dc\uc791 \ubc0f \uc644\uc131 \ucf54\ub4dc\uac00 \ud3ec\ud568 \ub41c \ud504\ub85c\uc81d\ud2b8<\/p><p>\uc774 \ud504\ub85c\uc81d\ud2b8\uc5d0\ub294 \uc5ec\ub7ec \ube0c\ub79c\uce58\uac00 \uc874\uc7ac\ud55c\ub2e4.<\/p><p>  &#8211; <strong>main<\/strong> : \uc774 \ud504\ub85c\uc81d\ud2b8\ub97c \uc704\ud55c \uc2a4\ud0c0\ud130 \ucf54\ub4dc, \ucf54\ub4dc\ub7a9\uc744 \uc644\uc131\uc2dc\ud0a4\uae30 \uc704\ud574 \ub2f9\uc2e0\uc774 \ubcc0\uacbd\ud560 \uac83\uc774\ub2e4.<\/p><p>  &#8211; <strong>end<\/strong> : \uc774 \ucf54\ub4dc\ub7a9\uc5d0 \ub300\ud55c \uc194\ub8e8\uc158\uc744 \ud3ec\ud568\ud55c\ub2e4.<\/p><\/blockquote>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jetpack Compose \uc18c\uac1c \ud544\uc694\ud55c \uac83 \ucd5c\uc2e0\u00a0Android \uc2a4\ud29c\ub514\uc624 Arctic Fox \ucf54\ud2c0\ub9b0 \uc9c0\uc2dd \ucef4\ud3ec\uc988\uc5d0\uc5d0 \ub300\ud55c \uae30\ubcf8\uc801\uc778 \uc774\ud574(\uc608:\u00a0@Composable \uc560\ub178\ud14c\uc774\uc158) \uc774 \ucf54\ub4dc\ub7a9 \uc774\uc804\uc5d0 Jetpack Compose basics \ucf54\ub4dc\ub7a9\uc744 \uba3c\uc800 \ubcf4\ub294 \uac83\uc744 \uace0\ub824\ud558\uc790. Compose\uc640 \ud568\uaed8 \ub124\ube44\uac8c\uc774\ud305 Navigation\uc740 \ud2b9\uc815 \uacbd\ub85c\ub97c \ub530\ub77c \uc571 \ub0b4\uc758 \ud55c \ub300\uc0c1\uc5d0\uc11c \ub2e4\ub978 \ub300\uc0c1\uc73c\ub85c \ub124\ube44\uac8c\uc774\ud305(= \ud0d0\uc0c9 or \uc774\ub3d9) \ud560 \uc218 \uc788\uac8c \ud574\uc8fc\ub294 Jetpack \ub77c\uc774\ube0c\ub7ec\ub9ac\ub2e4.\u00a0Navigation [&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\/45740"}],"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=45740"}],"version-history":[{"count":1,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45740\/revisions"}],"predecessor-version":[{"id":45741,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/45740\/revisions\/45741"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=45740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=45740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}