{"id":619,"date":"2023-10-02T16:02:44","date_gmt":"2023-10-02T07:02:44","guid":{"rendered":"http:\/\/batmask.dothome.co.kr\/?p=619"},"modified":"2025-09-07T11:38:44","modified_gmt":"2025-09-07T02:38:44","slug":"android-navigation","status":"publish","type":"post","link":"http:\/\/batmask.net\/index.php\/2023\/10\/02\/619\/","title":{"rendered":"Android : Navigation"},"content":{"rendered":"\n<p> \uc2dc\uae30\uc0c1\uc73c\ub85c \ub108\ubb34 \ub2a6\uac8c\uc791\uc131\ub418\ub294 \ud3ec\uc2a4\ud305\uc778\ub370&#8230; \uc9c0\uae08 \uc2dc\uc810\uc774\ub77c\uba74, Jetpack Compose\uc5d0\uc11c Navigation\uc758 \uc0ac\uc6a9\uc744 \uc124\uba85\ud574\uc57c \ud558\ub098, \ub0b4\uac00 \uc544\uc9c1 \uc798 \ubaa8\ub974\uace0 XML\ub3c4 \ud63c\uc6a9\ud574\uc11c \uc0ac\uc6a9\uc911\uc774\ub77c\uc11c XML\uc0ac\uc6a9\ud558\ub294 Fragment\ub4e4\uac04\uc758 Navigation\uc744 \uc124\uba85\ud558\ub294 \ud3ec\uc2a4\ud305\uc744 \uc62c\ub9b0\ub2e4. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Principles of Navigation<\/h3>\n\n\n\n<p>Navigation\uc758 \uad6c\ud604 \uc774\uc804\uc5d0, \uc9c0\ucf1c\uc838\uc57c \ud558\ub294 \ub514\uc790\uc778 \uc6d0\ub9ac\ub97c \uc9da\uace0 \ub118\uc5b4\uac00\uc790. \ub2e4\uc74c\uc758 Principles of Navigation\uc740 Navigation component\ub97c \uc4f0\uc9c0 \uc54a\ub354\ub77c\ub3c4 \uc9c0\ucf1c\uc838\uc57c \ud55c\ub2e4. Navigation component\ub97c \uc0ac\uc6a9\ud558\ub294 \uacbd\uc6b0 \uc9c0\uc6d0\ub418\ub294 \ub0b4\uc6a9\uc774\uae30\ub3c4 \ud558\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc2dc\uc791 \ub370\uc2a4\ud2f0\ub124\uc774\uc158\uc740 \ud56d\uc0c1 \uace0\uc815\uc774\ub2e4. (Fixed start destination)<\/h4>\n\n\n\n<p>\ub7f0\ucc98\uc5d0\uc11c \uc571 \uc2e4\ud589\uc2dc, \uccab\ud654\uba74\uc740 \uace0\uc815\ub41c destination\uc774\uc5b4\uc57c \ud55c\ub2e4. back key\ub85c \ub3cc\uc544\uac08 \ub54c, \uc571 \uc885\ub8cc\uc804 \ub9c8\uc9c0\ub9c9 \ud654\uba74\ub3c4 \uc774 \ud654\uba74\uc774\uc5b4\uc57c \ud55c\ub2e4.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-start-destination-1024x553.png\" alt=\"\" class=\"wp-image-1131\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-start-destination-1024x553.png 1024w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-start-destination-300x162.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-start-destination-768x415.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-start-destination-1536x829.png 1536w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-start-destination.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">\ub124\ube44\uac8c\uc774\uc158 \uc0c1\ud0dc\ub294 \ub370\uc2a4\ud2f0\ub124\uc774\uc158\ub4e4\uc758 \uc2a4\ud0dd\uc73c\ub85c \ud45c\ud604\ub41c\ub2e4. (Navigation state is represented as a stack of destinations)<\/h4>\n\n\n\n<p>Navigation\uc740 destination\ub4e4\uc758 back stack\uc73c\ub85c \uc774\ub8e8\uc5b4\uc9c4\ub2e4. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc5c5 \ubc84\ud2bc\uacfc \ubc31 \ubc84\ud2bc\uc740 \uc571 \ub0b4\uc5d0\uc11c \ub3d9\uc77c\ud55c \ub3d9\uc791\uc744 \ud55c\ub2e4. (Up and Back are identical within your app&#8217;s task)<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"202\" height=\"61\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-up-back.png\" alt=\"\" class=\"wp-image-1132\"\/><\/figure>\n<\/div>\n\n\n<p>app bar\uc5d0 \ubcf4\uc774\ub294 Up \ubc84\ud2bc\uc740 \ub2e8\uc77c \uc571 task\uc5d0\uc11c \uc2dc\uc2a4\ud15c back \ubc84\ud2bc\uacfc \ub3d9\uc77c\ud55c \uae30\ub2a5\uc744 \uac16\ub294\ub2e4. back \ubc84\ud2bc\uc740 back stack\uc758 \ucd5c\uc2e0 destination\uc744 \uaebc\ub0b4\uace0 back stack\uc758 \uc774\uc804 destination\uc73c\ub85c \ub3cc\uc544\uac04\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uc5c5 \ubc84\ud2bc\uc740 \uc571\uc744 \uc885\ub8cc\uc2dc\ud0a4\uc9c0 \uc54a\ub294\ub2e4. (The Up button never exits your app)<\/h4>\n\n\n\n<p>\uc571\uc758 \uc2dc\uc791 destination\uc73c\ub85c \uc774\ub3d9\ud558\uba74, Up \ubc84\ud2bc\uc740 \ubcf4\uc774\uc9c0 \uc54a\uc544\uc57c \ud55c\ub2e4. Up \ubc84\ud2bc\uacfc Back \ubc84\ud2bc\uc758 \ucc28\uc774\uc778\ub370, \ub9cc\uc57d \ub2e4\ub978 \uc571\uc5d0\uc11c deep link\ub85c \uc2dc\uc791\uc774 \ub410\ub2e4\uba74, Up \ubc84\ud2bc\uc740 \ud604\uc7ac \uc571\uc5d0 \uac00\uc0c1\uc758 back stack\uc744 \uc0dd\uc131\ud574 \uc774\ub3d9\ud560 \uac83\uc774\ub2e4. \uc774 \uc571\uc744 \uc2e4\ud589\uc2dc\ud0a8 \ub2e4\ub978 \uc571\uc73c\ub85c \ub3cc\uc544\uac00\uc9c0 \uc54a\ub294\ub2e4\ub294 \uc598\uae30. \ud558\uc9c0\ub9cc, \uc2dc\uc2a4\ud15c back \ubc84\ud2bc\uc740 \uc774 \uc571\uc744 \uc2e4\ud589\uc2dc\ud0a8 \uc774\uc804 \uc571\uc73c\ub85c \ub3cc\uc544\uac08 \uac83\uc774\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ub525\ub9c1\ud06c\ub294 \uc571\uc744 \uc218\ub3d9\uc73c\ub85c \uc0ac\uc6a9\ud588\uc744 \ub54c\ub97c \ud749\ub0b4\ub0b4\uc57c \ud55c\ub2e4.(Deep linking simulates manual navigation)<\/h3>\n\n\n\n<p>  \uc0ac\uc6a9\uc790\uac00 \uc9c1\uc811 \uc608\uc81c\uc778 sunflower\uc571\uc744 \uc2e4\ud589\ud574 apple \ud654\uba74\uc744 \ubcf4\uace0 \uc788\uc5c8\ub2e4\uba74 back stack\uc740 \ub2e4\uc74c\uacfc \uac19\uc774 \uc0dd\uc131\ub420 \uac83\uc774\ub2e4.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-1024x438.png\" alt=\"\" class=\"wp-image-1133\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-1024x438.png 1024w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-300x128.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-768x328.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-1536x657.png 1536w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p> \uc0ac\uc6a9\uc790\uac00 Home \ubc84\ud2bc\uc744 \ub20c\ub7ec \ube60\uc838\ub098\uac04 \ud6c4, deep link\ub97c \uc774\uc6a9\ud558\uc5ec \ud2b9\uc815 \uc2dd\ubb3c\ud654\uba74\uc73c\ub85c \ubc14\ub85c \uc774\ub3d9\uc744 \ud55c\ub2e4\uba74, \ub2e4\uc74c\uacfc \uac19\uc774 back stack\uc774 \uc644\uc804\ud788 \uad50\uccb4\ub41c\ub2e4. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-2-1024x460.png\" alt=\"\" class=\"wp-image-1134\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-2-1024x460.png 1024w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-2-300x135.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-2-768x345.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-2-1536x689.png 1536w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2021\/07\/navigation-principles-deep-linking-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc774\ub807\uac8c \uc0dd\uc131\ub418\ub294 back stack\uc740 \uc2e4\uc81c \uc0ac\uc6a9\uc790\uac00 \uc9c1\uc811 \ud574\ub2f9 destination\uc73c\ub85c \uc774\ub3d9\ud558\ub294 \uacfc\uc815\uacfc \ub3d9\uc77c\ud574\uc57c \ud55c\ub2e4. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ub124\ube44\uac8c\uc774\uc158\uc758 \uad6c\ud604<\/h3>\n\n\n\n<p> \uc608\uc81c\ub97c \uc791\uc131\ud558\uae30\uc704\ud574 \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4e4\uace0 Basic View Activity\ub97c \uc120\ud0dd\ud588\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c Fab \ubc84\ud2bc\uc774 \ub2ec\ub9b0 \ud15c\ud50c\ub9bf\uc774 \uc791\uc131\ub41c\ub2e4. \ub610\ud55c \uae30\ubcf8\uc801\uc73c\ub85c navigation\uc774 \uc801\uc6a9\ub418\uc5b4 \uc788\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">gradle \ud30c\uc77c\uc5d0 navigation \ucef4\ud3ec\ub10c\ud2b8 \ucd94\uac00<\/h4>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>dependencies {\n...\n    implementation(\"androidx.navigation:navigation-fragment-ktx:2.7.3\")\n    implementation(\"androidx.navigation:navigation-ui-ktx:2.7.3\")\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ADBAC7\">dependencies {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #DCBDFB\">implementation<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #96D0FF\">&quot;androidx.navigation:navigation-fragment-ktx:2.7.3&quot;<\/span><span style=\"color: #ADBAC7\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #DCBDFB\">implementation<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #96D0FF\">&quot;androidx.navigation:navigation-ui-ktx:2.7.3&quot;<\/span><span style=\"color: #ADBAC7\">)<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc704 \ucf54\ub4dc\ub294 \uae30\ubcf8\uc0dd\uc131\ub41c \ucf54\ub4dc\uc774\ub2e4. \uc5ec\uae30\uc11c \uad6c\ud604\ud558\ub294\ub370\uc5d0\ub294 \uc774\uac78\ub85c \ucda9\ubd84\ud558\uc9c0\ub9cc, <a href=\"https:\/\/developer.android.com\/guide\/navigation\/get-started#kts\">\uacf5\uc2dd \uac00\uc774\ub4dc \ubb38\uc11c<\/a>\ub97c \ub530\ub974\uba74 \ub2e4\uc74c\uc744 \ucd94\uac00\ud560 \uc218 \uc788\ub2e4. <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Feature module Support\n  implementation(\"androidx.navigation:navigation-dynamic-features-fragment:2.7.3\")\n\n  \/\/ Testing Navigation\n  androidTestImplementation(\"androidx.navigation:navigation-testing:2.7.3\")\n\n  \/\/ Jetpack Compose Integration\n  implementation(\"androidx.navigation:navigation-compose:2.7.3\")<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #768390\">\/\/ Feature module Support<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #DCBDFB\">implementation<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #96D0FF\">&quot;androidx.navigation:navigation-dynamic-features-fragment:2.7.3&quot;<\/span><span style=\"color: #ADBAC7\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #768390\">\/\/ Testing Navigation<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #DCBDFB\">androidTestImplementation<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #96D0FF\">&quot;androidx.navigation:navigation-testing:2.7.3&quot;<\/span><span style=\"color: #ADBAC7\">)<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #768390\">\/\/ Jetpack Compose Integration<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #DCBDFB\">implementation<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #96D0FF\">&quot;androidx.navigation:navigation-compose:2.7.3&quot;<\/span><span style=\"color: #ADBAC7\">)<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\ud14c\uc2a4\ud305\uc774\ub098 Compose\ub97c \uc9c0\uc6d0\ud558\uae30 \uc704\ud55c \ubd80\ubd84\uc73c\ub85c \uc5ec\uae30\uc11c\ub294 \uc5b8\uae09\ub9cc \ud574\ub454\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">navigation graph\ub97c \uc800\uc7a5\ud558\ub294 nav_graph.xml \ub9ac\uc18c\uc2a4 \ucd94\uac00.<\/h4>\n\n\n\n<p> navigation\uc740 navi graph\ub97c \ud1b5\ud574\uc11c \uc0dd\uc131\ud560 \uc218 \uc788\ub2e4. navi graph\ub294 \ud654\uba74\uac04 \uc774\ub3d9\uc744 \uadf8\ub798\ud504\ub85c \uadf8\ub9b0 \uac83\uc778\ub370, \uae30\ubcf8\uc801\uc73c\ub85c res&gt;navigation&gt;nav_graph.xml \uc744 \uc0dd\uc131\ud574 \ub9cc\ub4e4 \uc218 \uc788\ub2e4. \uc704\uc5d0\uc11c\uc640 \uac19\uc774, \uae30\ubcf8 \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4e4\uc5c8\ub2e4\uba74 \uc790\ub3d9\uc73c\ub85c \uc0dd\uc131\ub418\uc5b4 \uc788\uc744 \uac83\uc774\ub2e4. <\/p>\n\n\n\n<p>xml\uc778 \ub9cc\ud07c, \uae30\ubcf8\uc801\uc73c\ub85c xml \ud14d\uc2a4\ud2b8\ub85c \uae30\uc220\ub418\uc5b4 \uc788\ub2e4. \ud558\uc9c0\ub9cc, android studio\uc5d0\uc120 \ubcf4\ub2e4 \uc9c1\uad00\uc801\uc778 \uadf8\ub798\ud504 \ud615\ud0dc\uc758 \uc5d0\ub514\ud130\ub97c \uc81c\uacf5\ud55c\ub2e4. <a href=\"https:\/\/developer.android.com\/guide\/navigation\/get-started#kts\">\uacf5\uc2dd \uac00\uc774\ub4dc \ubb38\uc11c<\/a>\ub97c \ucc38\uace0\ud574\ubcf4\uba74, \uc5d0\ub514\ud130\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \uc124\uba85\ud558\uace0 \uc788\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2023\/10\/nav-editor-2x-1024x556.png\" alt=\"\" class=\"wp-image-2022\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/nav-editor-2x-1024x556.png 1024w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/nav-editor-2x-300x163.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/nav-editor-2x-768x417.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/nav-editor-2x-1536x835.png 1536w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/nav-editor-2x.png 2006w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Destination Panel : navigation host \ubaa9\ub85d\uacfc \ud604\uc7ac \uc5d0\ub514\ud130\uc5d0\uc11c \uc4f0\uc774\ub294 \ubaa8\ub4e0 destination\ub4e4\uc758 \ubaa9\ub85d\ud45c\uc2dc<\/li>\n\n\n\n<li>Graph Editor : \ub124\ube44\uac8c\uc774\uc158 \uadf8\ub798\ud504\uc758 \uc2dc\uac01\uc801 \ud45c\ud604 \ud3b8\uc9d1\uae30.<\/li>\n\n\n\n<li>Attributes : \uc120\ud0dd\ub41c \uc544\uc774\ud15c\uc758 \uc18d\uc131\ub4e4<\/li>\n<\/ol>\n\n\n\n<p>layout\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c, Design\ubdf0\ub97c \uc120\ud0dd\ud558\uba74 \uc704\uc640\uac19\uc740 \uadf8\ub798\ud504\ub97c \ubcfc \uc218 \uc788\uace0, Code\ub97c \uc120\ud0dd\ud558\uba74 XML \ud30c\uc77c\uc744 \ubcf4\uba70 \ud3b8\uc9d1\uc774 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n<p>nav_graph.xml\uc740 \ub2e4\uc74c\uacfc \uac19\uc774 navigation \ud0dc\uadf8\ub85c \ubb36\uc778\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;?xml version=\"1.0\" encoding=\"utf-8\"?>\n&lt;navigation xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n            xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n            android:id=\"@+id\/nav_graph\">\n\n&lt;\/navigation><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">&lt;?<\/span><span style=\"color: #ADBAC7\">xml version<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;1.0&quot;<\/span><span style=\"color: #ADBAC7\"> encoding<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;utf-8&quot;<\/span><span style=\"color: #F47067\">?&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">navigation<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">xmlns<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;http:\/\/schemas.android.com\/apk\/res\/android&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">xmlns<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;http:\/\/schemas.android.com\/apk\/res-auto&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">id<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@+id\/nav_graph&quot;<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;\/<\/span><span style=\"color: #8DDB8C\">navigation<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\uba54\uc778 \ub808\uc774\uc544\uc6c3\uc5d0 navHost \uc124\uc815.<\/h4>\n\n\n\n<p>\uac00\uc7a5 \uc911\uc694\ud55c \ubd80\ubd84\uc911 \ud558\ub098\uc778\ub370, navigation\uc774 \uc791\ub3d9\ud558\ub824\uba74 navigation host\ub97c \uc124\uc815\ud574\uc57c \ud55c\ub2e4. navigation host\ub77c\ub294\uac74 \ube48 \ucee8\ud14c\uc774\ub108\ub85c, navigation\uc774 \uc791\ub3d9\ud568\uc5d0 \ub530\ub77c \uc9c0\uc815\ub41c destination\uc744 \ubc14\uafd4\uac00\uba70 \ud45c\uc2dc\ud574\uc8fc\ub294 \uc5ed\ud560\uc744 \ud55c\ub2e4. <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;?xml version=\"1.0\" encoding=\"utf-8\"?>\n&lt;androidx.constraintlayout.widget.ConstraintLayout\n    xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\n    tools:context=\".MainActivity\">\n\n    &lt;androidx.appcompat.widget.Toolbar\n        ...\/>\n\n    &lt;androidx.fragment.app.FragmentContainerView\n        android:id=\"@+id\/nav_host_fragment\"\n        android:name=\"androidx.navigation.fragment.NavHostFragment\"\n        android:layout_width=\"0dp\"\n        android:layout_height=\"0dp\"\n        app:layout_constraintLeft_toLeftOf=\"parent\"\n        app:layout_constraintRight_toRightOf=\"parent\"\n        app:layout_constraintTop_toTopOf=\"parent\"\n        app:layout_constraintBottom_toBottomOf=\"parent\"\n\n        app:defaultNavHost=\"true\"\n        app:navGraph=\"@navigation\/nav_graph\" \/>\n\n    &lt;com.google.android.material.bottomnavigation.BottomNavigationView\n        ...\/>\n\n&lt;\/androidx.constraintlayout.widget.ConstraintLayout><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">&lt;?<\/span><span style=\"color: #ADBAC7\">xml version<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;1.0&quot;<\/span><span style=\"color: #ADBAC7\"> encoding<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;utf-8&quot;<\/span><span style=\"color: #F47067\">?&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">androidx.constraintlayout.widget.ConstraintLayout<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">xmlns<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;http:\/\/schemas.android.com\/apk\/res\/android&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">xmlns<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;http:\/\/schemas.android.com\/apk\/res-auto&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">xmlns<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">tools<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;http:\/\/schemas.android.com\/tools&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_width<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;match_parent&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_height<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;match_parent&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #6CB6FF\">tools<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">context<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;.MainActivity&quot;<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    &lt;<\/span><span style=\"color: #8DDB8C\">androidx.appcompat.widget.Toolbar<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #FF938A; font-style: italic\">...\/&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #FF938A; font-style: italic\">&lt;androidx.fragment.app.FragmentContainerView<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">id<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@+id\/nav_host_fragment&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">name<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;androidx.navigation.fragment.NavHostFragment&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_width<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;0dp&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_height<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;0dp&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_constraintLeft_toLeftOf<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;parent&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_constraintRight_toRightOf<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;parent&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_constraintTop_toTopOf<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;parent&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout_constraintBottom_toBottomOf<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;parent&quot;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">defaultNavHost<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;true&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">navGraph<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@navigation\/nav_graph&quot;<\/span><span style=\"color: #ADBAC7\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    &lt;<\/span><span style=\"color: #8DDB8C\">com.google.android.material.bottomnavigation.BottomNavigationView<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #FF938A; font-style: italic\">...\/&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #FF938A; font-style: italic\">&lt;\/androidx.constraintlayout.widget.ConstraintLayout&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc704 MainActivity \uc758 \ub808\uc774\uc544\uc6c3 xml\uc5d0 \ub4e4\uc5b4\uac00 \uc788\ub294 FragmentContainerView\uac00 navigation host\uc5ed\ud560\uc744 \ud55c\ub2e4. \uc774 \uc790\ub9ac\uc5d0 destination\uc774 \ub418\ub294 Fragment\ub4e4\uc774 \ubc14\uafd4\uce58\uae30(swap)\ub418\uba74\uc11c \ub4e4\uc5b4\uc624\uac8c \ub41c\ub2e4. <\/p>\n\n\n\n<p>FragmentContainerView\ub97c \ubcf4\uba74, android:name=&#8221;androidx.navigation.fragment.NavHostFragment&#8221; \ub85c <a href=\"https:\/\/developer.android.com\/reference\/androidx\/navigation\/fragment\/NavHostFragment\">NavHost \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud55c \uc81c\uacf5\ub418\ub294 \ud074\ub798\uc2a4<\/a>\uc774\ub2e4. \ud3b8\uc758\uc0c1 \uc81c\uacf5\ub418\ub294\uac78 \uc0ac\uc6a9\ud588\uc9c0\ub9cc, \ubb50\uac00 \ub410\ub4e0 NavHost\uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ud604\ud55c \ud074\ub798\uc2a4\ub97c \uc0ac\uc6a9\ud558\uba74 \ub41c\ub2e4. \ud0dc\uadf8 \ub9c8\uc9c0\ub9c9\uc5d4, app:navGraph=&#8221;@navigation\/nav_graph&#8221;\ub85c \uc55e\uc5d0\uc11c \uc791\uc131\ud55c navigation graph xml\ud30c\uc77c\uc744 \uc9c0\uc815\ud558\uace0 \uc788\ub2e4. \ub9c8\uc9c0\ub9c9\uc73c\ub85c, app:defaultNavHost=&#8221;true&#8221; \ub85c \uc9c0\uc815\ud568\uc73c\ub85c\uc11c, \uc2dc\uc2a4\ud15c\uc758 \ubc31\ubc84\ud2bc \uae30\ub2a5\uc744 \uc778\ud130\uc149\ud2b8\ud55c\ub2e4. \uc774 \ub514\ud3f4\ud2b8 \ub124\ube44 \ud638\uc2a4\ud2b8\ub294 \uc5ec\ub7ec\uac1c\uc758 \ub124\ube44 \ud638\uc2a4\ud2b8\ub97c \uc0ac\uc6a9\ud558\ub354\ub77c\ub3c4 \ub2e8 \ud558\ub098\ub9cc \uc9c0\uc815\uc774 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Navigation graph editor\uc758 \uc0ac\uc6a9<\/h4>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"56\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-new-destination-icon.png\" alt=\"\" class=\"wp-image-2027\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>\uc67c\ucabd\uc758 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud574\uc11c destination\ucd94\uac00\uac00 \uac00\ub2a5\ud558\ub2e4. \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uba74, Activity, Fragment \uadf8\ub9ac\uace0 \ub354\ubbf8\ub85c \uc0ac\uc6a9\uac00\ub2a5\ud55c placeholder\uac00 \ud45c\uc2dc\ub418\uba70, \uc774\uc911\uc5d0 \ud558\ub098\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>\uc704\uc640\uac19\uc774 destination\uc744 \ucd94\uac00\ud558\uba74, Attributes \ud328\ub110\uc5d0\uc11c \uc18d\uc131\ub4e4\uc744 \uc785\ub825\ud560 \uc218 \uc788\ub2e4. \uc774 \uac12\ub4e4\uc740 nav graph xml\ud30c\uc77c\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc774 \ucd94\uac00\ub41c\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>...\n&lt;fragment\n        android:id=\"@+id\/blankFragment\"\n        android:name=\"com.example.cashdog.cashdog.BlankFragment\"\n        android:label=\"@string\/label_blank\"\n        tools:layout=\"@layout\/fragment_blank\" \/>\n...<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">fragment<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">id<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@+id\/blankFragment&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">name<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;com.example.cashdog.cashdog.BlankFragment&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">label<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@string\/label_blank&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">tools<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@layout\/fragment_blank&quot;<\/span><span style=\"color: #ADBAC7\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>start destination\uc740 \uc9c0\uc815\ud560 destination\uc744 \uc120\ud0dd\ud55c \ud6c4, \uc9d1\ubaa8\uc591 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uac70\ub098, \uc120\ud0dd\ud55c destination\uc5d0\uc11c \ub9c8\uc6b0\uc2a4 \uc6b0\ud074\ub9ad&gt; Set as Start Destination\uc744 \uc774\uc6a9\ud574 \uc9c0\uc815\uac00\ub2a5\ud558\ub2e4. \uc774 \ud3ec\uc2a4\ud305\uc758 \uc81c\uc77c \ucc98\uc74c, Principle of Navigation\uc5d0\uc11c \uc571\uc740 \uace0\uc815\ub41c Start Destination\uc744 \uac00\uc838\uc57c \ud55c\ub2e4\uace0 \ub9d0\ud588\ub294\ub370, \ubc14\ub85c \uadf8\uac83, \uc571\uc758 \uc2dc\uc791\ud654\uba74\uc744 \uc124\uc815\ud558\ub294 \uac83\uc774\ub2e4. <\/p>\n\n\n\n<p>\uc774\ub807\uac8c destination\ub4e4\uc744 \ucd94\uac00\ud558\uace0 start destination\uc744 \uc124\uc815\ud588\ub2e4\uba74, \uc774\uc81c destination\uac04\uc758 action\uc744 \uc124\uc815\ud560 \ucc28\ub840\ub2e4. action\uc774\ub780, destination\uac04\uc758 \ub17c\ub9ac\uc801 \uc5f0\uacb0\uc744 \ub9d0\ud55c\ub2e4. \ucd94\uc0c1\uc801\uc73c\ub85c \ubcf4\uc774\ub294 \ub9d0\uc778\ub370, \ud654\uc0b4\ud45c\ub85c \ud45c\uc2dc\ub418\uba70 destination\uac04\uc758 \uc804\ud658\uc744 \uc758\ubbf8\ud55c\ub2e4. golbal action\ub3c4 \uc874\uc7ac\ud558\ub294\ub370, \uc774\ub294 setting \ud654\uba74\ucc98\ub7fc \uc5b8\uc81c \uc5b4\ub514\uc11c\ub098 \uc811\uadfc \uac00\ub2a5\ud55c destination\uc758 \uc124\uc815\uc5d0 \uc0ac\uc6a9\ub41c\ub2e4.<\/p>\n\n\n\n<p>destination\uc744 \uc120\ud0dd\ud558\uba74 \ub2e4\uc74c \uadf8\ub9bc\uacfc \uac19\uc774 \ub3d9\uadf8\ub780 \ub178\ub4dc\uac00 \ud45c\uc2dc\ub41c\ub2e4.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"185\" height=\"300\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-actioncircle_2x-185x300.png\" alt=\"\" class=\"wp-image-2033\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-actioncircle_2x-185x300.png 185w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-actioncircle_2x.png 373w\" sizes=\"auto, (max-width: 185px) 100vw, 185px\" \/><\/figure>\n<\/div>\n\n\n<p>\ub3d9\uadf8\ub77c\ubbf8\ub85c \ud45c\uc2dc\ub418\ub294 \ub178\ub4dc\ub97c \ub9c8\uc6b0\uc2a4\ub85c \ub4dc\ub798\uadf8\ud574\uc11c destination\uac04\uc744 \uc5f0\uacb0\ud558\uba74 action\uc774 \uc0dd\uc131\ub41c\ub2e4. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"195\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-connected_2x-300x195.png\" alt=\"\" class=\"wp-image-2036\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-connected_2x-300x195.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-connected_2x-768x500.png 768w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-connected_2x.png 928w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n<p>\uc774\ub807\uac8c action\uc744 \uc0dd\uc131\ud558\uace0 xml\ub85c \ubcf4\uba74, \ub2e4\uc74c\uacfc \uac19\uc774 action\uc774 \uae30\uc220\ub418\uc774 \uc788\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>...\n&lt;fragment\n        android:id=\"@+id\/blankFragment\"\n        android:name=\"com.example.cashdog.cashdog.BlankFragment\"\n        android:label=\"@string\/label_blank\"\n        tools:layout=\"@layout\/fragment_blank\" >\n        &lt;action\n            android:id=\"@+id\/action_blankFragment_to_blankFragment2\"\n            app:destination=\"@id\/blankFragment2\" \/>\n    &lt;\/fragment>\n...<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">fragment<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">id<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@+id\/blankFragment&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">name<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;com.example.cashdog.cashdog.BlankFragment&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">label<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@string\/label_blank&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        <\/span><span style=\"color: #6CB6FF\">tools<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">layout<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@layout\/fragment_blank&quot;<\/span><span style=\"color: #ADBAC7\"> &gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">        &lt;<\/span><span style=\"color: #8DDB8C\">action<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">id<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@+id\/action_blankFragment_to_blankFragment2&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">            <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">destination<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@id\/blankFragment2&quot;<\/span><span style=\"color: #ADBAC7\"> \/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    &lt;\/<\/span><span style=\"color: #8DDB8C\">fragment<\/span><span style=\"color: #ADBAC7\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc18c\uc2a4\uac00 \ub418\ub294 destination fragment\uc5d0 &lt;action&gt;\ud0dc\uadf8\uac00 \ucd94\uac00\ub41c \uac83\uc744 \ubcfc \uc218 \uc788\ub2e4. &lt;action&gt;\uc5d0\ub294 \uace0\uc720 id\uc640 \uc774 \ud654\uc0b4\ud45c\uac00 \uc5b4\ub290 destination\uc744 \ud5a5\ud558\uace0 \uc788\ub294\uc9c0 \uae30\uc220\ub418\uc5b4 \uc788\ub2e4.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Destination\uac04\uc758 \uc774\ub3d9 \uad6c\ud604 : NavController<\/h4>\n\n\n\n<p> \uc704\uc5d0\uc11c\uc640 \uac19\uc774 navigation graph\ub97c \uc791\uc131\ud588\ub2e4\uba74, \uc774\uc81c \ucf54\ub4dc\uc5d0\uc11c \ubc84\ud2bc\uc774 \ub20c\ub9ac\ub294\ub4f1\uc758 \uc774\ubca4\ud2b8\uc2dc\uc5d0 \uc2e4\uc81c \uc774\ub3d9\uc744 \uad6c\ud604\ud574\uc57c \ud55c\ub2e4. \uc774\ub294 NavHost\uc548\uc5d0\uc11c navigation\uc744 \uad00\ub9ac\ud558\ub294 NavController\ub97c \ud1b5\ud574 \uac00\ub2a5\ud558\ub2e4. \ucf54\ub4dc\ub0b4\uc5d0\uc11c NavController\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \uc5bb\uc744 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fragment.findNavController()<\/li>\n\n\n\n<li>View.findNavController()<\/li>\n\n\n\n<li>Activity.findNavCOntroller(ViewId: Int)<\/li>\n<\/ul>\n\n\n\n<p>\uc608\ub97c\ub4e4\uc5b4 fragment\uc5d0\uc11c \ub2e4\uc74c\uacfc \uac19\uc774 \uc0ac\uc6a9 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>...\nbinding.buttonFirst.setOnClickListener {\n    findNavController().navigate(R.id.action_FirstFragment_to_SecondFragment)\n}\n...<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">binding.buttonFirst.setOnClickListener {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">    <\/span><span style=\"color: #DCBDFB\">findNavController<\/span><span style=\"color: #ADBAC7\">().<\/span><span style=\"color: #DCBDFB\">navigate<\/span><span style=\"color: #ADBAC7\">(<\/span><span style=\"color: #6CB6FF\">R<\/span><span style=\"color: #ADBAC7\">.id.action_FirstFragment_to_SecondFragment)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>NavController.navigate()\ub97c \uc774\uc6a9\ud558\uace0 \uc778\uc790\ub85c\ub294 \ud574\ub2f9 action\uc758 id\ub97c \ub123\uc5b4\uc8fc\uace0 \uc788\ub2e4. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Global Action<\/h4>\n\n\n\n<p>Setting\uacfc \uac19\uc774 \uc5b4\ub514\uc11c\ub098 \uc811\uadfc\uac00\ub2a5\ud55c destination\uc740 global action\uc744 \uc0ac\uc6a9\ud574 \uc124\uc815\ud55c\ub2e4. \uba3c\uc800, \uadf8\ub798\ud504\uc5d0\uc11c destination\uc744 \ucd94\uac00\ud55c \ud6c4, \ud574\ub2f9 destination\uc744 \uc120\ud0dd\ud558\uc5ec \uc6b0\ud074\ub9ad&gt;Action&gt;Global\uc744 \uc120\ud0dd\ud558\uba74 \ub41c\ub2e4. \uadf8\ub7ec\uba74, destination\uc67c\ucabd\uc5d0 \uc791\uc740 \ud654\uc0b4\ud45c\uac00 \uc0dd\uae34\ub2e4.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"165\" src=\"http:\/\/batmask.dothome.co.kr\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-global-action-300x165.png\" alt=\"\" class=\"wp-image-2048\" srcset=\"http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-global-action-300x165.png 300w, http:\/\/batmask.net\/wordpress\/wp-content\/uploads\/2023\/10\/navigation-global-action.png 408w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n<p>xml\uc744 \uc0b4\ud3b4\ubcf4\uba74, \ub2e4\uc74c\uacfc \uac19\uc774 global action \ud0dc\uadf8\uac00 \ucd94\uac00\ub41c\uac78 \ud655\uc778\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#22272e\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>...\n&lt;action android:id=\"@+id\/action_global_mainFragment\"\n          app:destination=\"@id\/mainFragment\"\/>\n...<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">action<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">android<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">id<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@+id\/action_global_mainFragment&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">          <\/span><span style=\"color: #6CB6FF\">app<\/span><span style=\"color: #ADBAC7\">:<\/span><span style=\"color: #6CB6FF\">destination<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;@id\/mainFragment&quot;<\/span><span style=\"color: #ADBAC7\">\/&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">...<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc774 \ud6c4 \uc0ac\uc6a9\ubc95\uc740 NavController\ub97c \ud1b5\ud574 \ucd94\uac00\ud55c action\uc744 \uc774\uc6a9\ud558\uc5ec \uc55e\uc5d0\uc11c \ubcf8 \ubc29\ubc95\uacfc \ub3d9\uc77c\ud558\uac8c \uc0ac\uc6a9 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deep link \ubc0f \uae30\ud0c0 \uc2ec\ud654\ub0b4\uc6a9\uc740&#8230;<\/h3>\n\n\n\n<p> \uc774\ub807\uac8c \uae30\ubcf8\uc801\uc778 Navigation \uad6c\ud604\uacfc \uc0ac\uc6a9\ubc95\uc744 \uc0b4\ud3b4\ubd24\ub2e4. \ud575\uc2ec\ub9cc \uc0b4\ud3b4\ubcf8\ub2e4\uba74, NavHost, Navigation graph, NavController\uc758 \uc138\uac00\uc9c0 \uc77c \uac83\uc774\ub2e4. \ubd84\uba85 \uc54c\ub358 \ub0b4\uc6a9\uc778\ub370, \uc624\ub7ab\ub9cc\uc5d0 \ubcf4\ub824\ub2c8 \uae30\uc5b5\uc774 \uc548\ub098\uc11c \uac04\ub2e8\ud558\uac8c \uc815\ub9ac\ub97c \ud588\ub2e4. Editor\uc758 \ubcf4\ub2e4 \uc2ec\ud654\ub41c \uc0ac\uc6a9\ubc95\uc774\ub098 Deep link\uc758 \uc774\uc6a9\ub4f1\uc740 <a href=\"https:\/\/developer.android.com\/guide\/navigation\/principles\">\uacf5\uc2dd \uac00\uc774\ub4dc \ubb38\uc11c\uc758 App navigation \ud30c\ud2b8<\/a>\ub97c \uc0b4\ud3b4\ubcf4\uae30 \ubc14\ub780\ub2e4. \uc544\ub9c8\ub3c4, Compose\uc5d0\uc11c\uc758 \uc0ac\uc6a9\uc774 \uc81c\uc77c \uad81\uae08\ud55c \ubd80\ubd84\uc77c\ud150\ub370, \uadf8\uac74 \ub2e4\uc74c\uc5d0 \uc815\ub9ac\ub97c \u314b\u314b <\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc2dc\uae30\uc0c1\uc73c\ub85c \ub108\ubb34 \ub2a6\uac8c\uc791\uc131\ub418\ub294 \ud3ec\uc2a4\ud305\uc778\ub370&#8230; \uc9c0\uae08 \uc2dc\uc810\uc774\ub77c\uba74, Jetpack Compose\uc5d0\uc11c Navigation\uc758 \uc0ac\uc6a9\uc744 \uc124\uba85\ud574\uc57c \ud558\ub098, \ub0b4\uac00 \uc544\uc9c1 \uc798 \ubaa8\ub974\uace0 XML\ub3c4 \ud63c\uc6a9\ud574\uc11c \uc0ac\uc6a9\uc911\uc774\ub77c\uc11c XML\uc0ac\uc6a9\ud558\ub294 Fragment\ub4e4\uac04\uc758 Navigation\uc744 \uc124\uba85\ud558\ub294 \ud3ec\uc2a4\ud305\uc744 \uc62c\ub9b0\ub2e4. Principles of Navigation Navigation\uc758 \uad6c\ud604 \uc774\uc804\uc5d0, \uc9c0\ucf1c\uc838\uc57c \ud558\ub294 \ub514\uc790\uc778 \uc6d0\ub9ac\ub97c \uc9da\uace0 \ub118\uc5b4\uac00\uc790. \ub2e4\uc74c\uc758 Principles of Navigation\uc740 Navigation component\ub97c \uc4f0\uc9c0 \uc54a\ub354\ub77c\ub3c4 \uc9c0\ucf1c\uc838\uc57c \ud55c\ub2e4. Navigation component\ub97c \uc0ac\uc6a9\ud558\ub294 <a href=\"http:\/\/batmask.net\/index.php\/2023\/10\/02\/619\/\" class=\"btn btn-link continue-link\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,5,34],"tags":[340,338,343,341,342,211,339],"class_list":["post-619","post","type-post","status-publish","format-standard","hentry","category-note4reference","category-android","category-kotlin","tag-destination","tag-global-action","tag-nav-controller","tag-nav-graph","tag-nav-host","tag-navigation","tag-principle-of-navigation"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/comments?post=619"}],"version-history":[{"count":44,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/619\/revisions"}],"predecessor-version":[{"id":3379,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/619\/revisions\/3379"}],"wp:attachment":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/media?parent=619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/categories?post=619"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/tags?post=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}