launch는 기다려주지 않는다. (async, await , first etc)

들어가기 전에

🥐오늘 막 새롭게 배운 내용을 정리해보려고 한다.

launch 의 쓰임새

우선 개발 중에는 아래와 같이 launch를 많이 사용한다.

viewModelScope.launch { ``` }

lifecycleScope.launch { ``` }

 

위 코드는 각각 뷰모델과 액티비티 또는 프래그먼트와 같은 특정 구성 요소의 수명주기에 연결된 코루틴을 실행하는데 사용한다.

 

나도 딱 여기까지만 알고 launch를 사용해왔다...

 

우선 오늘 구현한 것은 영화명을 표시해주는 기능이었다.

이 때 api를 총 3개 호출해주어야했다.
아래와 같이 A api 호출 결과 받은 감상문 데이터를 통해 감상문의 id를 얻고, 그 id를 통해 B api를 호출하여 영화 정보를 얻는다.

영화 정보에서 영화 id 값을 통해 C api를 호출하여야 영화 명을 얻을 수 있는 구조였다.

 

그렇게 얻은 영화명은 각각의 감상문에서 보여야한다.

그래서 나는 aunch를 통해 뷰모델에서 코루틴 스코프를 만들어주고 api를 호출하여서 얻은 movieName을 화면에 표시할 감상문 데이터에 add 해주었다. 

 

결과, 영화명이 화면에 하나도 나타나지 않았다.

 

바로 launch를 사용해줌으로써 나타난 문제였는데 ,, 

 

launch 함수는 단순히 비동기 작업을 시작하지만 호출하는 부분에서 그 결과를 기다려주지 않기 때문에 이 함수가 값을 반환하기 전에 화면에 표시할 감상문 데이터가 처리가 완료되고 결과적으로 영화명이 반영되지 않는 것이다.

 

launch waits for no one...

 

따라서 지금 필요한 것은 ?!

영화명 데이터가 올 때까지 감상문 데이터가 기다려주는 것이다.

이를 위해 async와 await를 사용할 수 있다.

 

내가 기다려줄게 !!! async & await

async는 비동기 작업을 수행하는 코루틴을 시작하는 함수
await는 그 코투린이 끝날 때까지 기다리고 그 결과를 반환

 

이 두가지를 통해 영화명 데이터가 준비된 후 감상문 데이터들을 구성하게 되어 영화 이름을 제대로 표시해줄 수 있다.

즉 비동기 작업을 순차적으로 처리할 수 있게 해준다.

 

나는 각 감상문 아이템 마다 영화 이름을 가져오는 비동기 작업ㅇ르 async로 처리하고 그 결과를 awaitAll() 로 모두 기다린 다음 감상문 리스트를 생성해주도록 했다.

 

val reports =
              reportList?.map { reportItem ->
                            async {
                                ReportItem(
                                    reportItem.reportId,
                                    reportItem.title,
                                    reportItem.content,
                                    reportItem.createDate,
                                    reportItem.imageUrl,
                                    reportItem.nickname,
                                    reportItem.likeCount,
                                    reportItem.replyCount,
                                    reportItem.bookmarkCount,
                                    bookmarkList.any {
                                        it.reportId == reportItem.reportId
                                    },
                                    checkLikeStateUseCase(reportItem.reportId).first(),
                                     // 영화명을 가져오는 함수 
                                    getName(reportItem.reportId),
                                )
                            }
                        }?.awaitAll() // 기다린다

 

그리고 영화명을 가져오는 함수는 아래와 같다.

 private suspend fun getName(reportId: String): String {
            return withContext(Dispatchers.IO) {
                val report = getReportUseCase(reportId).firstOrNull()
                report?.let {
                    getMovieNameUseCase(DetailMovieRequest(it?.movieId.toString())).firstOrNull() ?: ""
                } ?: ""
            }
        }

 

여기서도 새로운 것을 배웠는데 flow 변수에서 값을 받을 때 collect만 사용해왔었다.

그런데 first를 통해서는 단 한번의 값을 받는 경우 유용하게 사용할 수 있다고 한다.

 

 firstOrNull()

- 첫 번째 값을 기다리다가 값을 받으면 바로 반환하고, 값이 없으면 null을 반환하는 비동기 함수이다.

- 흐름이 단 한번의 값을 받는 경우에 유용하게 사용할 수 있다.

 

 collect

-  flow의 모든 데이터를 수집할 때 사용되는 함수

- 연속적인 값을 처리할 때 유용하다

 

즉 collect는 흐름이 완료될 때까지 모든 값을 처리하고 firstOrNull은 첫번째 값만을 처리해준다.

 

그렇게 완성된 화면이당

영화명이 잘 뜨고 있다 ㅎㅎ