{"id":44562,"date":"2020-10-15T16:48:40","date_gmt":"2020-10-15T07:48:40","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=44562"},"modified":"2020-10-15T17:02:58","modified_gmt":"2020-10-15T08:02:58","slug":"%ec%95%88%eb%93%9c%eb%a1%9c%ec%9d%b4%eb%93%9c-paging3-%ec%bb%b4%ed%8f%ac%eb%84%8c%ed%8a%b8-%ec%a0%95%eb%b3%b5%ed%95%98%ea%b8%b0-part1","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=44562","title":{"rendered":"\uc548\ub4dc\ub85c\uc774\ub4dc Paging3 \ucef4\ud3ec\ub10c\ud2b8 \uc815\ubcf5\ud558\uae30 &#8211; Part1 (\ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud558\uace0 \ud654\uba74\uc5d0 \ub098\ud0c0\ub0b4\uae30)"},"content":{"rendered":"<h1>\uc548\ub4dc\ub85c\uc774\ub4dc Paging3 \ucef4\ud3ec\ub10c\ud2b8 \uc815\ubcf5\ud558\uae30 &#8211; Part1<\/h1>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging-data-with-paging-3.0-v03.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging-data-with-paging-3.0-v03.png\" alt=\"\" width=\"1024\" height=\"512\" class=\"aligncenter size-full wp-image-44565\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging-data-with-paging-3.0-v03.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging-data-with-paging-3.0-v03-300x150.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging-data-with-paging-3.0-v03-768x384.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Paging3\ub294 Jetpack \ub77c\uc774\ube0c\ub7ec\ub9ac \uc911 \ud558\ub098\ub85c \ub2e4\uc591\ud55c \ub370\uc774\ud130 \uc18c\uc2a4\ub85c \ubd80\ud130 \ub370\uc774\ud130\ub97c \ub098\ub204\uc5b4 \ud6a8\uacfc\uc801\uc73c\ub85c \ub85c\ub529\ud560 \uc218 \uc788\uac8c \ud55c\ub2e4. Paging3\ub294 \ub124\ud2b8\uc6cc\ud06c \ub610\ub294 \ub85c\uceec \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0\uc11c \uc27d\uac8c \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc62c \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\uae30 \ub54c\ubb38\uc5d0 \uac1c\ubc1c \uc2dc\uac04\uc744 \ub2e8\ucd95\uc2dc\ucf1c \uc900\ub2e4. Paging3\ub294 \uad6c\uae00\uc5d0\uc11c <a href=\"https:\/\/developer.android.com\/jetpack\/guide\">\ucd94\ucc9c\ud558\ub294 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uc124\uacc4<\/a>\ubc29\uc2dd\uacfc \uadf8\ub9ac\uace0 \ub2e4\ub978 Jetpack \ucef4\ud3ec\ub10c\ud2b8\uc640 \uc798 \ub3d9\uc791 \ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\ub2e4. \ucf54\ud2c0\ub9b0\uc73c\ub8e8 \uc6b0\uc120 \uac1c\ubc1c\ub418\uace0, \ucf54\ub8e8\ud2f4 \ubc0f Flow\uc640 \uac19\uc740 \uc0c8\ub85c\uc6b4 \ubc29\uc2dd\uc758 \ube44\ub3d9\uae30 \uc791\uc5c5\uc73c\ub85c \ub3d9\uc791\ud55c\ub2e4. \ubb3c\ub860 RxJava \ubc0f LiveData\ub3c4 \uc9c0\uc6d0\ud55c\ub2e4.<\/p>\n<h2>Paging3 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 \uc7a5\uc810<\/h2>\n<ul>\n<li>\ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \uba54\ubaa8\ub9ac \ub0b4\uc5d0 \uce90\uc2f1\ud55c\ub2e4. \uc774\ub807\uac8c \ud558\uba74 \uc571\uc774 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \uc0ac\uc6a9\ud558\uae30 \ub54c\ubb38\uc5d0 \uc2dc\uc2a4\ud15c \ub9ac\uc18c\uc2a4\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \uc0ac\uc6a9\ud558\uac8c \ub41c\ub2e4.<\/li>\n<li>\uae30\ubcf8\uc801\uc73c\ub85c \uc81c\uacf5\ud558\ub294 \uc694\uccad \uc911\ubcf5 \ubc29\uc9c0\ub97c \ud1b5\ud574 \uc571\uc774 \ub124\ud2b8\uc6cc\ud06c \ub300\uc5ed\ud3ed\uacfc \uc2dc\uc2a4\ud15c \ub9ac\uc18c\uc2a4\ub97c \ud6a8\uc728\uc801\uc73c\ub85c \uc0ac\uc6a9\ud55c\ub2e4.<\/li>\n<li>\uc0ac\uc6a9\uc790\uac00 \ub85c\ub4dc \ub41c \ub370\uc774\ud130\uc758 \ub05d\uc73c\ub85c \uc2a4\ud06c\ub864 \ud560 \ub54c \ub370\uc774\ud130\ub97c \uc790\ub3d9\uc73c\ub85c \uc694\uccad\ud558\ub3c4\ub85d \ud558\ub294 RecyclerView \uc5b4\ub311\ud130\ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub2e4.<\/li>\n<li>\ucf54\ud2c0\ub9b0\uc758 \ucf54\ub8e8\ud2f4 \ubc0f Flow\ub97c \uc9c0\uc6d0\ud558\uba70, \ub610\ud55c LiveData \uc640 RxJava\ub97c \uc9c0\uc6d0\ud55c\ub2e4.<\/li>\n<li>\uae30\ubcf8\uc801\uc73c\ub85c \uc0c8\ub85c\uace0\uce68 \ubc0f \uc7ac\uc2dc\ub3c4\ub97c \ud3ec\ud568\ud558\uc5ec \uc5d0\ub7ec\uae4c\uc9c0\ub3c4 \ub2e4\ub8f0\uc218 \uc788\ub294 \ubc29\ubc95\uc744 \uc81c\uacf5\ud55c\ub2e4.<\/li>\n<\/ul>\n<h2>Paging3 \uc758\uc874\uc131 \ucd94\uac00<\/h2>\n<p>\ud398\uc774\uc9d5 \ucef4\ud3ec\ub10c\ud2b8\ub97c \ucd94\uac00\ud558\uae30\uc704\ud574 , app\ubaa8\ub4c8 build.gradle\uc5d0 \ub2e4\uc74c\uacfc \uac19\uc740 \ucf54\ub4dc\ub97c \ucd94\uac00 \ud55c\ub2e4.<\/p>\n<p><strong><em>Note: Paging 3.0\uc740 \ud604\uc7ac Alpha \ub2e8\uacc4\uc785\ub2c8\ub2e4.<\/em><\/strong><\/p>\n<pre><code>dependencies {\r\n\u00a0 def paging_version = \"3.0.0-alpha07\"\r\n\r\n\u00a0 implementation \"androidx.paging:paging-runtime:$paging_version\"\r\n\r\n\u00a0 \/\/ alternatively - without Android dependencies for tests\r\n\u00a0 testImplementation \"androidx.paging:paging-common:$paging_version\"\r\n\r\n\u00a0 \/\/ optional - RxJava2 support\r\n\u00a0 implementation \"androidx.paging:paging-rxjava2:$paging_version\"\r\n\r\n\u00a0 \/\/ optional - Guava ListenableFuture support\r\n\u00a0 implementation \"androidx.paging:paging-guava:$paging_version\"\r\n}\r\n<\/code><\/pre>\n<h2>\ub77c\uc774\ube0c\ub7ec\ub9ac \ub0b4\ubd80 \uad6c\uc870<\/h2>\n<p>\ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ucd1d 3\uac1c\uc758 \uacc4\uce35\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4.<\/p>\n<ul>\n<li>Repository \uacc4\uce35<\/li>\n<li>ViewModel \uacc4\uce35<\/li>\n<li>UI \uacc4\uce35<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-library-architecture-1.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-library-architecture-1.png\" alt=\"\" width=\"1200\" height=\"292\" class=\"aligncenter size-full wp-image-44563\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-library-architecture-1.png 1200w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-library-architecture-1-300x73.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-library-architecture-1-768x187.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-library-architecture-1-1024x249.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<h3>Repository \uacc4\uce35<\/h3>\n<p>\ub9ac\ud30c\uc9c0\ud1a0\ub9ac \uacc4\uce35\uc5d0\uc11c \uc8fc\ub41c \ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac \uad6c\uc131\uc694\uc18c\ub294 \ubc14\ub85c <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/PagingSource\">PagingSource<\/a>\ub2e4. \uac01 PagingSource \uac1d\uccb4\ub294 \ub370\uc774\ud130 \uc18c\uc2a4 \ubc0f \uc18c\uc2a4\uc5d0\uc11c \ub370\uc774\ud130\ub97c \uac00\uc838\uc624\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc815\uc758\ud55c\ub2e4. PagingSource\uac1d\uccb4\ub294 \ub2e8\uc77c \uc18c\uc2a4\ub85c\ubd80\ud130 \ub124\ud2b8\uc6cc\ud06c \uc18c\uc2a4 \ubc0f \ub85c\uceec \ub370\uc774\ud130\ub97c \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud560 \uc218 \uc788\ub2e4.<\/p>\n<p>\ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc5d0\uc11c \uc0ac\uc6a9\ud560 \ub9cc\ud55c \ub610 \ub2e4\ub978 \uad6c\uc131\uc694\uc18c\ub85c <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/RemoteMediator\">RemoteMediator<\/a>\uac00 \uc788\ub2e4. RemoteMediator \uac1d\uccb4\ub294 \ub85c\uceec \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub97c \uce90\uc2dc\ub85c \uc0ac\uc6a9\ud558\ub294 \ub124\ud2b8\uc6cc\ud06c \ub370\uc774\ud130 \uc18c\uc2a4\uc640 \uac19\uc740 \uacc4\uce35\ud654 \ub41c \ub370\uc774\ud130 \uc18c\uc2a4\ub85c\ubd80\ud130 \ud398\uc774\uc9d5\uc744 \ub2e4\ub8ec\ub2e4.<\/p>\n<h3>ViewModel \uacc4\uce35<\/h3>\n<p><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/Pager\">Pager<\/a> \uad6c\uc131\uc694\uc18c\ub294 PagingSource \uac1d\uccb4 \ubc0f PagingConfig \uad6c\uc131 \uac1d\uccb4\ub97c \uae30\ubc18\uc73c\ub85c, \ubc18\uc751\ud615 \uc2a4\ud2b8\ub9bc\uc73c\ub85c \ub178\ucd9c\ub418\ub294 PagingData \uc778\uc2a4\ud134\uc2a4\ub97c \uc0dd\uc131\ud558\uae30 \uc704\ud55c public API\ub97c \uc81c\uacf5\ud55c\ub2e4.<\/p>\n<p>ViewModel \uacc4\uce35\uc744 UI\uc5d0 \uc5f0\uacb0\ud558\ub294 \uad6c\uc131 \uc694\uc18c\ub294 PagingData\ub2e4. PagingData \uac1d\uccb4\ub294 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\uc758 \uc2a4\ub0c5\uc0f7\uc744 \uc704\ud55c \ucee8\ud14c\uc774\ub108\ub2e4. \uc774\ub294 PagingSource \uac1d\uccb4\ub97c \ucffc\ub9ac\ud558\uace0 \uacb0\uacfc\ub97c \uc800\uc7a5\ud55c\ub2e4.<\/p>\n<h3>UI \uacc4\uce35<\/h3>\n<p>UI \uacc4\uce35\uc758 \uc8fc\ub41c \ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac \uad6c\uc131\uc694\uc18c\ub294 \ubc14\ub85c PagingDataAdapter\uc774\ub2e4. RecyclerView.Adapter\uc758 \ud558\uc704 \ud074\ub798\uc2a4\ub85c \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ub2e4\ub8ec\ub2e4.<\/p>\n<p>PagingDataAdapter\ub97c \uc0ac\uc6a9\ud558\ub294 \ub300\uc2e0, AsyncPagingDataDiffer\ub97c \uc0ac\uc6a9\ud558\uc5ec \ucee4\uc2a4\ud140 Adapter\ub97c \ub9cc\ub4e4 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h2>Paging3 \uc8fc\uc694 \ud074\ub798\uc2a4 \uc694\uc57d<\/h2>\n<h3><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/PagingSource\">PagingSource<\/a><\/h3>\n<p>\ub124\ud2b8\uc6cc\ud06c \ub610\ub294 \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0\uc11c \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ub97c \ub2f4\ub2f9\ud558\ub294 \ucd94\uc0c1 \ud074\ub798\uc2a4\ub85c \uc774\ub97c \uad6c\ud604\ud558\ub824\uba74 \ud398\uc774\uc9c0 \ud0a4 \ud0c0\uc785\uc744 \uc815\uc758\ud574\uc57c \ud55c\ub2e4.. PagingSource\uc5d0\uc11c \ub85c\ub4dc \ub41c \ub370\uc774\ud130\ub294 PagingData \uc778\uc2a4\ud134\uc2a4\ub85c \uad00\ub9ac\ub41c\ub2e4.<\/p>\n<p>PagingData\ub294 \ub370\uc774\ud130\uac00 \ucd94\uac00\uc801\uc73c\ub85c \ub85c\ub4dc \ub428\uc5d0 \ub530\ub77c \ucee4\uc9c8 \uc218 \uc788\ub2e4. \uadf8\ub7ec\ub098 \uae30\uc874\uc5d0 \ub85c\ub4dc \ub41c \ub370\uc774\ud130\uac00 \uac31\uc2e0\ub418\uc9c0\ub294 \uc54a\ub294\ub2e4. \uc6d0\ubcf8 \ub370\uc774\ud130\ub4e4\uc774 \uc218\uc815\ub41c\ub2e4\uba74 \uc774\ub97c \ubc18\uc601\ud558\uae30 \uc704\ud574 \ubc18\ub4dc\uc2dc \uc0c8\ub85c\uc6b4 PagingSource \/ PagingData \uc30d\uc774 \uc0dd\uc131\ub418\uc5b4\uc57c \ud55c\ub2e4.<\/p>\n<h3><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/RemoteMediator\">RemoteMediator<\/a><\/h3>\n<p>RemoteMediator(\uc6d0\uaca9 \uc911\uc7ac\uc790)\ub77c\ub294 \uc774\ub984\uc5d0\uc11c \uc720\ucd94\ud560 \uc218 \uc788\ub4ef\uc774 \ub85c\uceec \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ubc0f \ub124\ud2b8\uc6cc\ud06c\ub85c\ubd80\ud130 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud558\ub294 \ucc45\uc784\uc774 \uc788\ub2e4. \ub85c\uceec \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub97c \uba54\uc778 \ub370\uc774\ud130 \uc18c\uc2a4\ub85c \ud65c\uc6a9\ud558\ub294 \uacbd\uc6b0\uc5d0 \ud398\uc774\uc9d5\uc744 \uad6c\ud604\ud558\ub294 \ub300\ud45c\uc801\uc778 \uc88b\uc740 \ubc29\ubc95\uc774\ub2e4. \uc774 \ubc29\ubc95\uc740 \uc880 \ub354 \uc2e0\ub8b0\ud560 \uc218 \uc788\uace0 \ub0ae\uc740 \uc624\ub958\ub97c \uae30\ub300\ud560 \uc218 \uc788\ub2e4.<\/p>\n<p>RemoteMediator\ub294 Pager\ub97c \uc0dd\uc131\ud560 \ub54c \uc120\ud0dd\uc801\uc73c\ub85c \ucd94\uac00\ud558\uc5ec \ub2e4\uc74c\uacfc \uac19\uc740 \uc774\ubca4\ud2b8\ub4e4\uc744 \uc81c\uc5b4\ud560 \uc218 \uc788\ub2e4.<\/p>\n<ul>\n<li>\uc2a4\ud2b8\ub9bc \ucd08\uae30\ud654<\/li>\n<li>UI\uc5d0\uc11c \uc804\ub2ec\ubc1b\ub294 <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/LoadType#ENUM_VALUE:REFRESH\">LoadType.REFRESH<\/a> \uc2e0\ud638<\/li>\n<li>PagingSource\ub294 \ud604\uc7ac \ub370\uc774\ud130\uc758 \uacbd\uacc4\ub97c \uc54c\ub824\uc8fc\ub294 \uc2e0\ud638\uc778 PagingSource.LoadResult \ubc18\ud658\ud55c\ub2e4. \uc608\ub97c \ub4e4\uba74, \uccab\ubc88\uc9f8 \ud398\uc774\uc9c0\uc5d0 \ub3c4\ub2ec\ud558\uba74 <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/LoadType#ENUM_VALUE:PREPEND\">LoadType.PREPEND<\/a>\uc744 \ubc18\ud658\ud558\uace0, \ub9c8\uc9c0\ub9c9 \ud398\uc774\uc9c0\uc5d0 \ub3c4\ub2ec\ud558\uba74 <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/LoadType#ENUM_VALUE:APPEND\">LoadType.APPEND<\/a>\ub97c \ubc18\ud658\ud55c\ub2e4.<\/li>\n<\/ul>\n<h3><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/Pager\">Pager<\/a><\/h3>\n<p>\ud398\uc774\uc9d5\uc5d0\uc11c \uc8fc\ub41c \uc9c4\uc785\uc810\uc73c\ub85c PagingData\ub97c \ubc1c\ud589\ud558\ub294 \ubc18\uc751\ud615 \uc2a4\ud2b8\ub9bc\uc744 \uc0dd\uc131\ud55c\ub2e4. \uac01 PagingData\ub294 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130 \uc2a4\ub0c5\uc0f7\uc744 \ub098\ud0c0\ub0b4\uba70, Pager\ub85c\ubd80\ud130 Flow, Observable, LiveData \ud615\ud0dc\ub85c \ubc18\ud658\ub41c\ub2e4. \uc6d0\ubcf8 \ub370\uc774\ud130\uac00 \ubcc0\uacbd\ub41c\ub2e4\uba74 PagingData\ub3c4 \uc0c8\ub85c\uc6b4 \uc778\uc2a4\ud134\uc2a4\ub85c \ub098\ud0c0\ub0b4\uc57c \ud55c\ub2e4.<\/p>\n<p><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/PagingSource#invalidate()\">PagingSource.invalidate()<\/a> \ubc0f <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/AsyncPagingDataDiffer#refresh()\">AsyncPagingDataDiffer.refresh()<\/a> \ub610\ub294 <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/PagingDataAdapter#refresh()\">PagingDataAdapter.refresh()<\/a> \ub97c \ud638\ucd9c \ud558\ub294 \uac83\uc740 \uc6d0\ubcf8 \ub370\uc774\ud130 \uc14b\uc774 \ubcc0\uacbd\ub418\uc5c8\uc73c\ub2c8 \uc0c8\ub85c\uc6b4 PagerData\uc640 PagingSource \uc30d\uc744 \uc0dd\uc131\ud560 \uac83\uc744 \uc54c\ub824\uc900\ub2e4.<\/p>\n<h3><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/PagingData\">PagingData<\/a><\/h3>\n<p>\ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ub2f4\uc544\ub450\ub294 \uc5ed\ud560 \uc744 \ud55c\ub2e4. \ucd5c\uc885\uc801\uc73c\ub85c \ubc18\ud658\ub418\ub294 \ub370\uc774\ud130 \ud0c0\uc785\uc73c\ub85c \uc77c\ubc18\uc801\uc73c\ub85c PagingDataAdapter\uac00 \uc774\ub97c \uc804\ub2ec\ubc1b\ub294\ub2e4.<\/p>\n<h3><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/PagingConfig\">PagingConfig<\/a><\/h3>\n<p>Pager \uac1d\uccb4\ub97c \uc0dd\uc131\ud558\ub294\ub370 \ud544\uc694\ud55c \ud544\uc218 \uc694\uc18c\ub85c, \ud398\uc774\uc9d5\uc5d0 \uad00\ud55c \uc124\uc815\uc744 \ub2f4\ub2f9\ud55c\ub2e4. \ud398\uc774\uc9d5 \ud558\ub294 \ub370\uc774\ud130 \ud06c\uae30 \ubc0f placeholder \uc0ac\uc6a9 \uc720\ubb34 \ub4f1 PagingSource\ub97c \uad6c\uc131\ud558\ub294 \ubc29\ubc95\uc744 \uc815\uc758\ud55c\ub2e4.<\/p>\n<h3><a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/PagingDataAdapter\">PagingDataAdapter<\/a><\/h3>\n<p>\uc8fc\ub41c UI \uad6c\uc131\uc694\uc18c\ub85c RecyclerView\uc5d0 \ub370\uc774\ud130\ub97c \ub098\ud0c0\ub0b4\ub294 \ucc45\uc784\uc744 \uac16\ub294\ub2e4. \ub610\ud55c PagingData\ub97c \uc785\ub825 \ubc1b\uc544 \ub0b4\ubd80\uc801\uc73c\ub85c \uc5b8\uc81c \ub370\uc774\ud130\ub97c \ucd94\uac00\uc801\uc73c\ub85c \ub85c\ub4dc\ud574\uc57c \ud560 \uc9c0 \uad00\ucc30\ud55c\ub2e4. PagingDataAdapter\ub294 \ubc31\uadf8\ub77c\uc6b4\ub4dc\uc5d0\uc11c DiffUtil\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub370\uc774\ud130\ub97c \uc815\uc81c \ud55c \ub4a4\uc5d0 \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc624\uae30 \ub54c\ubb38\uc5d0 \ucd5c\uc885\uc801\uc73c\ub85c UI \uc4f0\ub808\ub4dc\uc5d0\uc11c \uc0c8\ub85c\uc6b4 \uc544\uc774\ud15c\ub4e4\uc744 \ucd94\uac00\ud560 \ub54c \ub04a\uae40\uc5c6\uc774 \ubd80\ub4dc\ub7fd\uac8c \ub098\ud0c0\ub09c\ub2e4.<\/p>\n<h2>\ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130 \ub85c\ub4dc\ud558\uc5ec \ubcf4\uc5ec\uc8fc\uae30<\/h2>\n<p>\ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ud070 \ub370\uc774\ud130 \uc14b\uc73c\ub85c\ubd80\ud130 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ud654\uba74\uc5d0 \ub098\ud0c0\ub0b4\ub294 \ud6a8\uc728\uc801\uc774\uace0 \uac15\ub825\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud55c\ub2e4. \ub2e4\uc74c \uc608\uc81c\ub97c \ud1b5\ud574 \uc5b4\ub5bb\uac8c \ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \uc2a4\ud2b8\ub9bc\uc744 \uad6c\ucd95\ud558\uace0 \ub124\ud2b8\uc6cc\ud06c \ub370\uc774\ud130 \uc18c\uc2a4\ub85c\ubd80\ud130 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \uac00\uc838\uc640 RecyclerView\uc5d0 \ub098\ud0c0\ub0b4\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\uc790.<\/p>\n<h3>\ub370\uc774\ud130 \uc18c\uc2a4 \uc815\uc758\ud558\uae30<\/h3>\n<p>\uc55e\uc5d0\uc11c \uc0b4\ud3b4\ubcf8 \ub0b4\uc6a9 \uac00\uc7a5 \uba3c\uc800 \ud574\uc57c\ud560 \uc77c\uc740 <span>\ub370\uc774\ud130 \uc18c\uc2a4\ub97c \uc2dd\ubcc4\ud558\uae30 \uc704\ud574 PagingSource \uad6c\ud604\uc744 \uc815\uc758\ud558\ub294 \uac83\uc774\ub2e4. PagingSource API \ud074\ub798\uc2a4\uc5d0\ub294 \ud574\ub2f9 \ub370\uc774\ud130 \uc18c\uc2a4\uc5d0\uc11c \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \uac80\uc0c9\ud558\ub294 \ubc29\ubc95\uc744 \ub098\ud0c0\ub0b4\uae30 \uc704\ud574 \uc7ac\uc815\uc758\ud574\uc57c\ud558\ub294 load() \uba54\uc11c\ub4dc\uac00 \ud3ec\ud568\ub418\uc5b4 \uc788\ub2e4.<\/span><\/p>\n<p>\ucf54\ud2c0\ub9b0 \ucf54\ub8e8\ud2f4\uc744 \ud1b5\ud574 \ube44\ub3d9\uae30 \ub85c\ub529\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud574 PagingSource \ud074\ub798\uc2a4\ub97c \uc9c1\uc811 \uc0ac\uc6a9\ud558\uc790. \ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ub2e4\ub978 \ube44\ub3d9\uae30 \ud504\ub808\uc784\uc6cc\ud06c\uc758 \ud074\ub798\uc2a4\ub4e4\uc744 \uc9c0\uc6d0\ud55c\ub2e4.<\/p>\n<ul>\n<li>RxJava\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/rxjava2\/RxPagingSource\">RxPagingSource<\/a>\ub97c \ub300\uc2e0 \uad6c\ud604\ud560 \uc218 \uc788\ub2e4.<\/li>\n<li>Guava\uc5d0\uc11c ListenableFuture\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 <a href=\"https:\/\/developer.android.com\/reference\/kotlin\/androidx\/paging\/ListenableFuturePagingSource\">ListenableFutrePagingSource<\/a> \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/li>\n<\/ul>\n<h4>Key-Value \ud0c0\uc785 \uc9c0\uc815\ud558\uae30<\/h4>\n<p><span>PagingSource&lt;Key, Value&gt;\uc5d0\ub294 Key \ubc0f Value\uc758 \ub450 \uac00\uc9c0 \ud0c0\uc785 \ub9e4\uac1c \ubcc0\uc218\uac00 \uc788\ub2e4. Key\ub294 \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud558\ub294 \ub370 \uc0ac\uc6a9\ub418\ub294 \uc2dd\ubcc4\uc790\ub97c \uc815\uc758\ud558\uba70, Value\ub294 \ub370\uc774\ud130 \uc790\uccb4\uc758 \ud0c0\uc785\uc774\ub2e4. \uc608\ub97c \ub4e4\uc5b4 Int\ud0c0\uc785\uc744 \uac16\ub294 \ud398\uc774\uc9c0 \ubc88\ud638\ub97c Retrofit\uc5d0 \uc804\ub2ec\ud558\uc5ec, \ub124\ud2b8\uc6cc\ud06c\uc5d0\uc11c \ud398\uc774\uc9d5 \ub41c User \uac1d\uccb4\ub97c \ub85c\ub4dc\ud558\ub294 \uacbd\uc6b0 Key \ud0c0\uc785\uc73c\ub85c Int\ub97c \uc120\ud0dd\ud558\uace0 Value \ud0c0\uc785\uc73c\ub85c User\ub97c \uc9c0\uc815\ud560 \uc218 \uc788\ub2e4.<\/span><\/p>\n<h4>PagingSource \uc815\uc758\ud558\uae30<\/h4>\n<p><span>\ub2e4\uc74c \uc608\uc81c\ub294 \ud398\uc774\uc9c0 \ubc88\ud638\ubcc4\ub85c \ud398\uc774\uc9d5 \ub41c \uc544\uc774\ud15c\uc744 \ub85c\ub4dc\ud558\ub294 PagingSource\ub97c \uad6c\ud604\ud558\ub294 \ubaa8\uc2b5\uc744 \ubcf4\uc5ec\uc900\ub2e4. Key \ud0c0\uc785\uc740 Int\uc774\uace0 Value \ud0c0\uc785\uc740 User\ub2e4.<\/span><\/p>\n<pre class=\"lang: decode:true\">class ExamplePagingSource(\r\n    val backend: ExampleBackendService,\r\n    val query: String\r\n) : PagingSource&lt;Int, User&gt;() {\r\n  override suspend fun load(\r\n    params: LoadParams&lt;Int&gt;\r\n  ): LoadResult&lt;Int, User&gt; {\r\n    try {\r\n      \/\/ key\uac00 \uc815\uc758\ub418\uc9c0 \uc54a\uc558\ub2e4\uba74 \uccab\ubc88\uc9f8 \ud398\uc774\uc9c0\uc5d0\uc11c \uc2dc\uc791\ud55c\ub2e4\r\n      val nextPageNumber = params.key ?: 1\r\n      val response = backend.searchUsers(query, nextPageNumber)\r\n      return LoadResult.Page(\r\n        data = response.users,\r\n        prevKey = null, \/\/ \uc774\uc804 \ud398\uc774\uc9c0\ub294 \ubd88\ub7ec\uc624\uc9c0 \uc54a\uc74c\r\n        nextKey = response.nextPageNumber\r\n      )\r\n    } catch (e: Exception) {\r\n      \/\/ \ub124\ud2b8\uc6cc\ud06c \uc5d0\ub7ec \ub4f1\uc774 \ubc1c\uc0dd\ud558\ub294 \uacbd\uc6b0 \r\n      \/\/ \ube14\ub85d \ub0b4\uc5d0\uc11c \uc5d0\ub7ec\ub97c \ud578\ub4e4\ub9c1\ud558\uace0, LoadResult.Error\ub97c \ubc18\ud658\ud55c\ub2e4.\r\n    }\r\n  }\r\n}<\/pre>\n<p><span>\uc77c\ubc18\uc801\uc778 PagingSource \uad6c\ud604\uc740 \uc0dd\uc131\uc790\uc5d0 \uc81c\uacf5\ub41c \ub9e4\uac1c \ubcc0\uc218\ub97c load() \uba54\uc11c\ub4dc\uc5d0 \uc804\ub2ec\ud558\uc5ec \ucffc\ub9ac\uc5d0 \uc801\ud569\ud55c \ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud558\uac8c \ub41c\ub2e4. \uc704\uc758 \uc608\uc5d0\uc11c \ub098\ud0c0\ub0b4\ub294 \ub9e4\uac1c \ubcc0\uc218\uc758 \uc758\ubbf8\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/span><\/p>\n<ul>\n<li>backend: \ub370\uc774\ud130\ub97c \uc81c\uacf5\ud558\ub294 \ubc31\uc5d4\ub4dc \uc11c\ube44\uc2a4 \uc778\uc2a4\ud134\uc2a4<\/li>\n<li>query: backend \uc11c\ube44\uc2a4\uc5d0 \uc804\uc1a1\ud560 \uac80\uc0c9\uc5b4<\/li>\n<\/ul>\n<p>LoadParams \uac1d\uccb4\ub294 \ub85c\ub4dc \uc791\uc5c5\uc774 \uc218\ud589\ub418\ub294 \uac83\uc5d0 \ub300\ud55c \uc815\ubcf4\ub4e4\uc744 \ud3ec\ud568\ud558\uace0 \uc788\ub530. \uc774\ub294 \ub85c\ub529\ub418\ub294\ub370 \ud544\uc694\ud55c \ud0a4 \uadf8\ub9ac\uace0 \ub85c\ub4dc\ud560 \uc544\uc774\ud15c\uc758 \uac2f\uc218\uac00 \ud3ec\ud568\ub41c\ub2e4.<\/p>\n<p>LoadResult \uac1d\uccb4\ub294 \ub85c\ub4dc \uc791\uc5c5\uc758 \uacb0\uacfc\ub97c \ud3ec\ud568\ud55c\ub2e4. LoadResult\ub294 sealed class\ub85c, load() \ucf5c\uc774 \uc131\uacf5\uc801\uc73c\ub85c \ud638\ucd9c\ub418\ub0d0\uc5d0 \ub530\ub77c \ub2e4\uc74c \ub458 \uc911 \ud558\ub098\ub97c \ucde8\ud55c\ub2e4.<\/p>\n<ul>\n<li>\ub85c\ub4dc\uac00 \uc131\uacf5\uc801\uc73c\ub85c \uc774\ub8e8\uc5b4\uc9c4 \uacbd\uc6b0 LoadResult.Page \uac1d\uccb4\ub97c \ubc18\ud658\ud55c\ub2e4.<\/li>\n<li>\ub85c\ub4dc\uac00 \uc2e4\ud328\ud55c \uacbd\uc6b0 LoadResult.Error \uac1d\uccb4\ub97c \ubc18\ud658\ud55c\ub2e4.<\/li>\n<\/ul>\n<p>\ub2e4\uc74c \ub098\uc624\ub294 \uadf8\ub9bc\uc740 \uc608\uc81c\uc5d0\uc11c load() \uae30\ub2a5\uc774 \uc5b4\ub5bb\uac8c Key\ub97c \uc804\ub2ec \ubc1b\uace0, \ud6c4\uc18d \ub370\uc774\ud130\ub97c \ub85c\ub4dc \ud558\uae30 \uc704\ud55c \ud0a4\ub97c \uc81c\uacf5\ud558\ub294\uc9c0 \ubcf4\uc5ec\uc900\ub2e4.<\/p>\n<p><a href=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-source-load.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-source-load.png\" alt=\"\" width=\"373\" height=\"514\" class=\"aligncenter size-full wp-image-44564\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-source-load.png 373w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2020\/10\/www.charlezz.com-paging3-paging3-source-load-218x300.png 218w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/><\/a><\/p>\n<h4>\uc5d0\ub7ec \ub2e4\ub8e8\uae30<\/h4>\n<p>\ub370\uc774\ud130\ub97c \ub85c\ub4dc\ud558\uae30 \uc704\ud55c \uc694\uccad\ub4e4\uc740 \uba87\uac00\uc9c0 \uc774\uc720\ub4e4\ub85c \uc778\ud574 \uc2e4\ud328\ud560 \uc218 \uc788\ub2e4. \ud2b9\ud788 \ub124\ud2b8\uc6cc\ud06c\ub97c \ud1b5\ud574 \ub85c\ub4dc\ud560 \ub54c \ub354\uc6b1 \uadf8\ub807\ub2e4. <span>load() \uba54\uc11c\ub4dc\uc5d0\uc11c LoadResult.Error \uac1d\uccb4\ub97c \ubc18\ud658\ud558\uc5ec \ub85c\ub4dc \uc911\uc5d0 \ubc1c\uc0dd\ud55c \uc624\ub958\ub97c \ubcf4\uace0\ud558\uc790.<\/span><\/p>\n<p>\uc608\ub97c \ub4e4\uba74, \uc55e\uc5d0\uc11c \ub2e4\ub8ec ExamplePagingSource\uc5d0\uc11c\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 load\uba54\uc11c\ub4dc\uc5d0\uc11c \ub85c\ub4dc\uc2dc \ubc1c\uc0dd\ud558\ub294 \uc5d0\ub7ec\ub4e4\uc744 \uc7a1\uc544\ub0b4\uc5b4 \ubcf4\uace0 \ud560 \uc218 \uc788\ub2e4.<\/p>\n<pre class=\"lang: decode:true \">catch (e: IOException) {\r\n  \/\/ IOException for network failures.\r\n  return LoadResult.Error(e)\r\n} catch (e: HttpException) {\r\n  \/\/ HttpException for any non-2xx HTTP status codes.\r\n  return LoadResult.Error(e)\r\n}<\/pre>\n<p>PagingSource\ub294 LoadResult.Error \uac1d\uccb4\ub97c \uc218\uc9d1\ud558\uace0 UI\uc5d0\uac8c \uc804\ub2ec\ud558\uae30 \ub54c\ubb38\uc5d0, \uc0c1\ud669\uc5d0 \ub9de\ucdb0 \uad6c\ud604\ud560 \uc218 \uc788\ub2e4.<\/p>\n<h2>PagingData \uc2a4\ud2b8\ub9bc \uc124\uc815\ud558\uae30<\/h2>\n<p><span>\u00a0PagingSource \uad6c\ud604\uc5d0\uc11c\ub294 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130 \uc2a4\ud2b8\ub9bc\uc774 \ud544\uc694\ud558\ub2e4. \uc77c\ubc18\uc801\uc73c\ub85c ViewModel\uc5d0\uc11c \ub370\uc774\ud130 \uc2a4\ud2b8\ub9bc\uc744 \uc124\uc815\ud55c\ub2e4. Pager \ud074\ub798\uc2a4\ub294 PagingSource\uc5d0\uc11c PagingData \uac1d\uccb4\uc758 \ubc18\uc751\ud615 \uc2a4\ud2b8\ub9bc\uc744 \ub178\ucd9c\ud558\ub294 \uba54\uc11c\ub4dc\ub97c \uc81c\uacf5\ud55c\ub2e4. Paging \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 Flow, LiveData, RxJava\uc758 Flowable \ubc0f Observable \ud0c0\uc785\uc744 \ud3ec\ud568\ud55c \uc5ec\ub7ec \uc2a4\ud2b8\ub9bc \ud0c0\uc785 \uc0ac\uc6a9\uc744 \uc9c0\uc6d0\ud55c\ub2e4.<\/span><\/p>\n<p>Pager \uc778\uc2a4\ud134\uc2a4\ub97c \uc0dd\uc131\ud558\uc5ec \ubc18\uc751\ud615 \uc2a4\ud2b8\ub9bc\uc744 \uc124\uc815\ud560 \ub54c, \ubc18\ub4dc\uc2dc PagingConfig \uc778\uc2a4\ud134\uc2a4 \uadf8\ub9ac\uace0 Pager\uc5d0\uac8c \uc5b4\ub5bb\uac8c PagingSource \uad6c\ud604\uc744 \uc5bb\uc744\uc9c0\uc5d0 \ub300\ud55c \ud568\uc218\ub3c4 \ud568\uaed8 \uc81c\uacf5\ud574\uc57c \ud55c\ub2e4.<\/p>\n<pre class=\"lang: decode:true \">val flow = Pager(\r\n  \/\/ Configure how data is loaded by passing additional properties to\r\n  \/\/ PagingConfig, such as prefetchDistance.\r\n  PagingConfig(pageSize = 20)\r\n) {\r\n  ExamplePagingSource(backend, query)\r\n}.flow\r\n  .cachedIn(viewModelScope)<\/pre>\n<p><span>cachedIn() \uc5f0\uc0b0\uc790\ub294 \ub370\uc774\ud130 \uc2a4\ud2b8\ub9bc\uc744 \uacf5\uc720 \uac00\ub2a5\ud558\uac8c \ub9cc\ub4e4\uace0, \uc81c\uacf5\ub41c CoroutineScope\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub85c\ub4dc \ub41c \ub370\uc774\ud130\ub97c \uce90\uc2dc\ud55c\ub2e4. \uc774 \uc608\uc81c\ub294 Lifecycle lifecycle-viewmodel-ktx \uc544\ud2f0\ud329\ud2b8\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 viewModelScope\ub97c \uc0ac\uc6a9\ud55c\ub2e4.<\/span><\/p>\n<p><span>Pager \uac1d\uccb4\ub294 PagingSource \uac1d\uccb4\uc5d0\uc11c load() \uba54\uc11c\ub4dc\ub97c \ud638\ucd9c\ud558\uc5ec LoadParams \uac1d\uccb4\ub97c \uc81c\uacf5\ud558\uace0LoadResult \uac1d\uccb4\ub97c \ubc18\ud658\ud55c\ub2e4.<\/span><\/p>\n<h3>RecyclerView \uc5b4\ub311\ud130 \uc815\uc758\ud558\uae30<\/h3>\n<p><span>RecyclerView \uc5d0\uc11c \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ubc1b\uc73c\ub824\uba74 \uc5b4\ub311\ud130\ub3c4 \ud568\uaed8 \uc124\uc815\ud574\uc57c \ud55c\ub2e4. Paging \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \uc774\ub97c \uc704\ud574 PagingDataAdapter \ud074\ub798\uc2a4\ub97c \uc81c\uacf5\ud55c\ub2e4.<\/span><\/p>\n<p><span>\uba3c\uc800 PagingDataAdapter\ub97c \ud655\uc7a5\ud558\ub294 \ud074\ub798\uc2a4\ub97c \ub9cc\ub4e4\uc790. \uc774 \uc608\uc81c\uc758 UserAdapter\ub294 PagingDataAdapter\ub97c \ud655\uc7a5\ud558\uc5ec User \ud0c0\uc785\uc758 \ub9ac\uc2a4\ud2b8\uc5d0 \ub300\ud55c RecyclerView \uc5b4\ub311\ud130\ub97c \uc81c\uacf5\ud558\uace0 UserViewHolder\ub97c \ubdf0 \ud640\ub354\ub85c \uc0ac\uc6a9\ud55c\ub2e4.<\/span><\/p>\n<pre class=\"lang: decode:true \">class UserAdapter(diffCallback: DiffUtil.ItemCallback&lt;User&gt;) :\r\n  PagingDataAdapter&lt;User, UserViewHolder&gt;(diffCallback) {\r\n  override fun onCreateViewHolder(\r\n    parent: ViewGroup,\r\n    viewType: Int\r\n  ): UserViewHolder {\r\n    return UserViewHolder(parent)\r\n  }\r\n\r\n  override fun onBindViewHolder(holder: UserViewHolder, position: Int) {\r\n    val item = getItem(position)\r\n    \/\/ Note that item may be null. ViewHolder must support binding a\r\n    \/\/ null item as a placeholder.\r\n    holder.bind(item)\r\n  }\r\n}<\/pre>\n<h3>UI\uc5d0\uc11c \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130 \ub098\ud0c0\ub0b4\uae30<\/h3>\n<p><span>\uc774\uc81c PagingSource\ub97c \uc815\uc758\ud558\uace0, \uc571\uc5d0\uc11c PagingData \uc2a4\ud2b8\ub9bc\uc744 \uc0dd\uc131\ud558\ub294 \ubc29\ubc95\uc744 \ub9cc\ub4e4\uace0 PagingDataAdapter\ub97c \uc815\uc758 \ud588\uc73c\ubbc0\ub85c \uc774\ub7ec\ud55c \uc694\uc18c\ub97c \ud568\uaed8 \uc5f0\uacb0\ud558\uace0 Activity\uc5d0 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub97c \ud45c\uc2dc \ud560 \uc900\ube44\uac00 \ub05d\ub0ac\ub2e4.<\/span><\/p>\n<p>\ub2e4\uc74c \ub2e8\uacc4\ub97c Activity\uc758 onCreate() \ub610\ub294 Fragment\uc758 onViewCreated \uba54\uc11c\ub4dc\uc5d0\uc11c \uc218\ud589\ud558\uc790<\/p>\n<ol>\n<li>\uc790\uc2e0\ub9cc\uc758 PagingDataAdapter \ud074\ub798\uc2a4 \uc778\uc2a4\ud134\uc2a4\ub97c \uc0dd\uc131\ud558\uc790<\/li>\n<li>PagingDataAdapter \uc778\uc2a4\ud134\uc2a4\ub97c RecyclerView\uc5d0\uac8c \uc81c\uacf5\ud558\uc5ec, \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\uac00 \ud654\uba74\uc5d0 \ub098\uc62c \uc218 \uc788\ub3c4\ub85d \ud55c\ub2e4.<\/li>\n<li>PagingData \uc2a4\ud2b8\ub9bc\uc744 \uad00\ucc30\ud558\uace0 \uac01 \uc0dd\uc131\ub41c \uac12\ub4e4\uc744 \uc5b4\ub311\ud130\uc5d0\uac8c submitData() \uba54\uc11c\ub4dc\ub85c \uc804\ub2ec\ud55c\ub2e4.<\/li>\n<\/ol>\n<pre class=\"lang: decode:true \">val viewModel by viewModels&lt;ExampleViewModel&gt;()\r\n\r\nval pagingAdapter = UserAdapter(UserComparator)\r\nval recyclerView = findViewById&lt;RecyclerView&gt;(R.id.recycler_view)\r\nrecyclerView.adapter = pagingAdapter\r\n\r\n\/\/ Activity\ub294 lifecycleScope\ub97c \ubc14\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc9c0\ub9cc, \r\n\/\/ Fragment\ub294 viewLifecycleOwner.lifecycleScope\ub97c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4.\r\nlifecycleScope.launch {\r\n  viewModel.flow.collectLatest { pagingData -&gt;\r\n    pagingAdapter.submitData(pagingData)\r\n  }\r\n}<\/pre>\n<p>\uc790\ub3d9\uc73c\ub85c \ud544\uc694\ud560\ub54c \ub370\uc774\ud130 \uc18c\uc2a4\ub85c\ubd80\ud130 \ub2e4\ub978 \ud398\uc774\uc9c0\ub97c \ub85c\ub4dc\ud558\uc5ec, \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\ub4e4\uc774 RecyclerView \ubaa9\ub85d\uc5d0 \ub098\ud0c0\ub098\uac8c \ub41c\ub2e4.<\/p>\n<h3>\ub85c\ub529 \uc0c1\ud0dc \ub098\ud0c0\ub0b4\uae30<\/h3>\n<p>\ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 LoadState \uac1d\uccb4\ub97c \ud1b5\ud574 UI\uc5d0\uc11c \ub85c\ub529 \uc0c1\ud0dc\ub97c \ub098\ud0c0\ub0bc \uc218 \uc788\ub2e4. LoadState\ub294 \ub2e4\uc74c \ub098\uc624\ub294 3\uac1c\uc758 \uc0c1\ud0dc\uc911 \ud558\ub098\uc758 \ud615\uc2dd\ub9cc \ucde8\ud55c\ub2e4.<\/p>\n<ul>\n<li>\ud65c\uc131\ud654 \ub41c <strong>\ub85c\ub529 \uc791\uc5c5<\/strong>\uc774 \uc5c6\uace0 <strong>\uc5d0\ub7ec\ub3c4 \uc5c6\ub2e4<\/strong>\uba74, LoadState\ub294 <strong>LoadState.NotLoading<\/strong>\uc774 \ub41c\ub2e4.<\/li>\n<li>\ud65c\uc131\ud654 \ub41c <strong>\ub85c\ub4dc \uc791\uc5c5\uc774 \uc788\ub2e4\uba74<\/strong>, LoadState\ub294 <strong>LoadState.Loading<\/strong>\uc774 \ub41c\ub2e4.<\/li>\n<li><strong>\uc5d0\ub7ec\uac00 \ubc1c\uc0dd<\/strong>\ud55c\ub2e4\uba74, LoadState\ub294 <strong>LoadState.Error<\/strong>\uac00 \ub41c\ub2e4.<\/li>\n<\/ul>\n<p>UI\uc5d0\uc11c LoadState\ub97c \uc0ac\uc6a9\ud558\ub294 \ub450\uac00\uc9c0 \ubc29\ubc95\uc774 \uc788\ub2e4. \ud558\ub098\ub294 \ub9ac\uc2a4\ub108\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774\uace0, \ub2e4\ub978 \ud55c\uac00\uc9c0\ub294 \ud2b9\ubcbd\ud55c \ubaa9\ub85d \uc5b4\ub311\ud130\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub85c\ub529 \uc0c1\ud0dc\ub97c \uc9c1\uc811\uc801\uc73c\ub85c RecyclerView \ubaa9\ub85d\uc5d0\uc11c \ud45c\ud604\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n<h4>\ub9ac\uc2a4\ub108\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub85c\ub529 \uc0c1\ud0dc\ub97c \uc5bb\uae30<\/h4>\n<p>UI\uc5d0\uc11c \uc77c\ubc18\uc801\uc778 \ubc29\ubc95\uc73c\ub85c \ub85c\ub529 \uc0c1\ud0dc\ub97c \uc5bb\uae30 \uc704\ud574\uc11c\ub294, PagingDataAdapter\uc5d0\uc11c addLoadStateListener() \uba54\uc11c\ub4dc\ub97c \ud3ec\ud568\ud558\ub294 \uac83\uc774\ub2e4.<\/p>\n<pre class=\"lang: decode:true \">\/\/ Activity\ub294 lifecycleScope\ub97c \ubc14\ub85c \uc0ac\uc6a9\uac00\ub2a5 \ud558\uc9c0\ub9cc\r\n\/\/ Fragment\ub294 viewLifecycleOwner.lifecycleScope\ub97c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4.\r\nlifecycleScope.launch {\r\n  pagingAdapter.loadStateFlow.collectLatest { loadStates -&gt;\r\n    progressBar.isVisible = loadStates.refresh is LoadState.Loading\r\n    retry.isVisible = loadState.refresh !is LoadState.Loading\r\n    errorMsg.isVisible = loadState.refresh is LoadState.Error\r\n  }\r\n}<\/pre>\n<h4>\uc5b4\ub311\ud130\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub85c\ub529\uc0c1\ud0dc\ub97c \ud45c\ud604\ud558\uae30<\/h4>\n<p>\ud398\uc774\uc9d5 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ud398\uc774\uc9d5 \ub41c \ub370\uc774\ud130\uac00 \ubcf4\uc5ec\uc9c0\ub294 \ubaa9\ub85d\uc5d0\uc11c \ub85c\ub529 \uc0c1\ud0dc\ub97c \uc9c1\uc811\uc801\uc73c\ub85c \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574 LoadStateAdapter\ub77c\uace0 \ubd88\ub9ac\ub294 \uc5b4\ub311\ud130\ub97c \uc81c\uacf5\ud558\uace0 \uc788\ub2e4.<\/p>\n<p>\uba3c\uc800, LoadStateAdapter\ub97c \uad6c\ud604\ud55c \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud558\uace0 onCreateViewHolder()\uc640onBindViewHolder() \uba54\uc11c\ub4dc\ub97c \uc815\uc758\ud558\uc790.<\/p>\n<pre class=\"lang: decode:true \">class LoadStateViewHolder(\r\n  parent: ViewGroup,\r\n  retry: () -&gt; Unit\r\n) : RecyclerView.ViewHolder(\r\n  LayoutInflater.from(parent.context)\r\n    .inflate(R.layout.load_state_item, parent, false)\r\n) {\r\n  private val binding = LoadStateItemBinding.bind(itemView)\r\n  private val progressBar: ProgressBar = binding.progressBar\r\n  private val errorMsg: TextView = binding.errorMsg\r\n  private val retry: Button = binding.retryButton\r\n    .also {\r\n      it.setOnClickListener { retry() }\r\n    }\r\n\r\n  fun bind(loadState: LoadState) {\r\n    if (loadState is LoadState.Error) {\r\n      errorMsg.text = loadState.error.localizedMessage\r\n    }\r\n\r\n    progressBar.isVisible = loadState is LoadState.Loading\r\n    retry.isVisible = loadState is LoadState.Error\r\n    errorMsg.isVisible = loadState is LoadState.Error\r\n  }\r\n}\r\n\r\n\/\/ \ub85c\ub529 \uc0c1\ud0dc\uac00 LoadState.Loading \uc77c \ub54c \ub85c\ub529 \uc2a4\ud53c\ub108\ub97c \ubcf4\uc5ec\uc8fc\uace0,\r\n\/\/ LoadingState.Error \uc77c \ub54c\ub294 \uc5d0\ub7ec\uba54\uc2dc\uc9c0, \uc7ac\uc2dc\uc791 \ubc84\ud2bc\uc744 \ubcf4\uc5ec\uc8fc\ub294 \uc5b4\ub311\ud130\ub2e4.\r\nclass ExampleLoadStateAdapter(\r\n  private val retry: () -&gt; Unit\r\n) : LoadStateAdapter&lt;LoadStateViewHolder()&gt; {\r\n\r\n  override fun onCreateViewHolder(\r\n    parent: ViewGroup,\r\n    loadState: LoadState\r\n  ) = LoadStateViewHolder(parent, retry)\r\n\r\n  override fun onBindViewHolder(\r\n    holder: LoadStateViewHolder,\r\n    loadState: LoadState\r\n  ) = holder.bind(loadState)\r\n}<\/pre>\n<p>\uadf8\ub7f0 \ub4a4, PagingDataAdapter \uac1d\uccb4\ub85c\ubd80\ud130 withLoadStateHeaderAndFooter() \uba54\uc11c\ub4dc\ub97c \ud638\ucd9c\ud558\uc790.<\/p>\n<pre class=\"lang: decode:true \">pagingAdapter\r\n  .withLoadStateHeaderAndFooter(\r\n    header = ExampleLoadStateAdapter(adapter::retry),\r\n    footer = ExampleLoadStateAdapter(adapter::retry)\r\n  )<\/pre>\n<p>\ud5e4\ub354\ub098 \ud478\ud130\uc5d0\uc11c \ub85c\ub529\uc0c1\ud0dc\ub97c \ud45c\uc2dc\ud558\ub294 RecyclerView\ub97c \uc6d0\ud55c\ub2e4\uba74 withLoadStateHeader() \ub610\ub294 withLoadStateFooter()\ub97c \ub300\uc2e0 \ud638\ucd9c\ud558\uc790.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc548\ub4dc\ub85c\uc774\ub4dc Paging3 \ucef4\ud3ec\ub10c\ud2b8 \uc815\ubcf5\ud558\uae30 &#8211; Part1 Paging3\ub294 Jetpack \ub77c\uc774\ube0c\ub7ec\ub9ac \uc911 \ud558\ub098\ub85c \ub2e4\uc591\ud55c \ub370\uc774\ud130 \uc18c\uc2a4\ub85c \ubd80\ud130 \ub370\uc774\ud130\ub97c \ub098\ub204\uc5b4 \ud6a8\uacfc\uc801\uc73c\ub85c \ub85c\ub529\ud560 \uc218 \uc788\uac8c \ud55c\ub2e4. Paging3\ub294 \ub124\ud2b8\uc6cc\ud06c \ub610\ub294 \ub85c\uceec \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc5d0\uc11c \uc27d\uac8c \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc62c \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\uae30 \ub54c\ubb38\uc5d0 \uac1c\ubc1c \uc2dc\uac04\uc744 \ub2e8\ucd95\uc2dc\ucf1c \uc900\ub2e4. Paging3\ub294 \uad6c\uae00\uc5d0\uc11c \ucd94\ucc9c\ud558\ub294 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uc124\uacc4\ubc29\uc2dd\uacfc \uadf8\ub9ac\uace0 \ub2e4\ub978 Jetpack \ucef4\ud3ec\ub10c\ud2b8\uc640 \uc798 \ub3d9\uc791 [&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":[36],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/44562"}],"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=44562"}],"version-history":[{"count":6,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/44562\/revisions"}],"predecessor-version":[{"id":44573,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/44562\/revisions\/44573"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=44562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=44562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}