Android Recyclerview : no attached adapter , skipping layout 에러 해결 과정 기록

🔎문제 상황

메인 화면이 나타날 때 리사이클러뷰가 보이지 않는다.

🫱시도한 방법

구글링을 통해 몇가지 원인을 파악할 수 있었고, 해당 내용에 따라 코드를 확인해보았다.

1️⃣setAdapter가 잘 되고있는지 확인

프래그먼트에서 onViewCreated, onCreateView 위치 모두에 적용해보았지만 해결되지 않았다.

2️⃣레이아웃 매니저가 잘 설정되어있는지 확인

프래그먼트 상에서 레이아웃 매니저를 설정하는 방법과 xml 레이아웃 파일 상에서 설정해주는 방법으로 모두 시도했지만 해결되지 않았다.

 

- 클래스 내에서 레이아웃 매니저 설정

binding.reviewRecyclerView.layoutManager = LinearLayoutManager(context)

 

- 레이아웃 파일에서 레이아웃 매니저 설정

 <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/review_recycler_view"
                ```
            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>

 

3️⃣ binding이 제대로 설정되어있는지 확인

한 블로그 글에서 binding으로 변경 후 해결되었다는 글을 보았다.

당시 어댑터에서는 바인딩이 아닌 findViewById 로 뷰를 참조해서 사용하고 있었기 때문에 이 부분도 binding을 사용하도록 변경해주었다.

또한 변경하면서 binidng과 findViewById 로 뷰를 참조하는 것의 차이에 대해서도 알아보았다.(아래에서 다룰 예정!)

4️⃣Adapter에서 item의 size가 0이 아닌지 확인, Adapter를 ListAdapter로 변경해서 확인

class ReportAdapter : ListAdapter<ReportList,ReportAdapter.ReportViewHolder>(diffutil) {

```

 companion object {
        val diffutil = object : DiffUtil.ItemCallback<ReportList>() {
            override fun areContentsTheSame(oldItem: ReportList, newItem: ReportList): Boolean {
                return oldItem == newItem
            }

            override fun areItemsTheSame(oldItem: ReportList, newItem: ReportList): Boolean {
                return oldItem.reportId ==newItem.reportId
            }
        }
    }
}

 

🚨원인

원인으로 추측되는 모든 곳에 로그를 심어 확인해보았는데  뷰모델의 livedata 데이터 변경이 관찰되지 않았다.

뷰모델에서 report가 변경되지 않고 있었다. 

 

에러 내용을 확인해보았더니 서버에서 돌아오는 응답값과 지정해준 DTO의 속성이 맞아 Serializable  관련 에러가 발생하고 있었다.

나는 리사이클러뷰에 보여줄 데이터 리스트에 좋아요 여부를 담은 리스트를 합쳐서 어댑터에 넘겨주기 위해 DTO 클래스에 API 응답값에는 없는 isLiked 속성을 추가해주고 있었는데 이것이 문제의 원인이었다.

 

 

현재 감상문의 DTO는 서버에서 전송되는 응답값 형태를 가지고 있어야한다. 그러나 응답값에 포함되어 있지 않은 isLiked를 포함하고 있어 에러가 발생한 것이다.

위와 같은 흐름으로 어댑터가 구성되지 않아 no attached adapter, skipping layout 에러가 발생한 것이었다.

 

결국 근본적인 에러였던 것이다!! 

서버 api 응답값 수정 사항을 반영해주지 않아 생긴 에러

---

💡해결

우선 서버의 응답값을 담아주는 ReportList 데이터 클래스에서 isLiked 속성을 삭제해주었다.

🫱DTO 매핑 과정의 필요

응답값을 내가 원하는 형태로 조작할 수 없을까?  알아보는 중, DTO를 화면에 보여줄 정보만으로 이루어진 객체로 매핑하는 과정이 필요하다는 것을 알게 되었다!

 

나는 지금 DTO를 그대로 사용하고 있었기 때문에 리사이클러뷰 아이템에서 직접적으로 쓰이지 않는 정보까지 모두 포함된 객체를 사용하고 있다는 문제가 있었다.

또한 게시글 정보를 담고 있는 api의 응답에서는 좋아요 여부 속성을 담고 있지 않았다. 따라서 

 

따라서 필요한 객체로의 매핑하는 작업을 수행하며 좋아요 여부를 담고 있는 속성도 함께 클래스에 넣어주기로 하였다.

 

이는 리사이클러뷰가 처음 뜰 때에도 좋아요 여부까지 포함된 화면을 제공하기 위해서이다. 

따라서 아래와 같이 화면에 보여줄 데이터를 담은 클래스를 만들어주었다.

 

class ReportItem(
    val reportId: String,
    val title: String,
    val content: String,
    val createDate: String,
    val imageUrl: String?,
    val nickname: String,
    val likeCount: Int,
    val replyCount: Int,
    val bookmarkCount: Int,
    var isLiked: Boolean,
)

 

그리고 서버 api에서 받은 응답값과 매핑시켜주었다.

        private fun mapForReportItem(
            reportList: List<ReportList>,
            likeList: MutableList<Boolean>,
        ): List<ReportItem> {
            return reportList.mapIndexed { index, reportItem ->
                ReportItem(
                    reportId = reportItem.reportId,
                    title = reportItem.title,
                    content = reportItem.content,
                    createDate = reportItem.createDate,
                    imageUrl = reportItem.imageUrl,
                    nickname = reportItem.nickname,
                    likeCount = reportItem.likeCount,
                    replyCount = reportItem.replyCount,
                    bookmarkCount = reportItem.bookmarkCount,
                    isLiked = likeList[index],
                )
            }
        }

 

reportList 뿐 아니라 likeList도 각각 ReportItem에 넣어줘야한다. 이 때 그냥 map을 사용해서는 likeList를 isLiked 속성에 각각 매핑해줄 수 없었다.

 

이를 mapIndexed를 사용해서 구현할 수 있었다. 아래에서 알아보자!

- mapIndexed란?

- mapIndexed란?

   fun requestReport() {
            viewModelScope.launch {
                val result = searchReport()
                if (result.isSuccess) {
                    val response = result.getOrNull()
                    if (response != null) {
                        response.reportList.forEach {
                            val likeResult = checkLike(it.reportId)
                            if (likeResult.isSuccess) {
                                likeResult.getOrNull()?.let { isLiked ->
                                    likeList.add(isLiked)
                                }
                            }
                        } 
                        _report.value = mapForReportItem(response.reportList, likeList)
```
}

🥳드디어 해결!!!

---

💡추가로 공부할 내용

🫱뷰 결합과 findViewById의 차이

🫱DiffUtil이란?

🫱DTO를 매핑해줄 클래스를 구현하는 방법

🫱Serializable의 역할 이해하기 

🫱Call과 Result의 사용 사례 알아보기