Main Thread Checker: UI API called on a background thread

문제 상황

UIKit을 이용하여 개인 프로젝트를 개발하는 과정에서 Firebase Auth에서 제공하는 Google Login를 구현하다가 문제를 마주하게 되었습니다. 화면 동작은 잘 구현 되었지만 구글 로그인 버튼을 누르자 아래와 같은 에러 메시지를 보게 되었습니다.

 

API를 통해 가져온 데이터로 UI를 업데이트할 때는 Main Thread에서 동작해야합니다. 하지만 현재 Background Thread에서 실행하고 있기 때문에 발생한 이슈였습니다.

 

MainActor을 사용하여 문제 해결

처음에는 구글 로그인 로직을 ViewModel에서 async/await와 ViewController에서 Task를 사용하면서 비동기 처리를 잘 하고 있다고 생각했습니다.

Completion Handler도 사용하지 않으니 어떻게 메인 스레드로 디스패치해주어야 하는지 몰랐습니다.

DisapatchQueue.main.async로 수동 호출해줄 수도 있겠지만 만약 구글 로그인을 여러 군데에서 하게 된다면 매번 호출해주어야하니 유지보수를 생각해서라도 좋은 방법은 아닐 것 같았습니다.

 

이러한 문제를 해결하고자 알게 된 것이 MainActor 였습니다. 수동으로 호출해주어야 하는 DisapatchQueue와 달리 클래스 앞에 @MainActor 어노테이션을 붙여주어서 항상 메인 스레드에서 작업을 수행하도록 자동으로 라우팅해주도록 구현하였고 문제를 해결할 수 있었습니다.

@MainActor
final class LoginViewModel {
	// ...
}

 

마치며

이번 문제 상황을 직접 겪어보지 않았으면 몰랐을 것들이라고 생각했습니다... 이번 상황을 계기로 Thread와 @MainActor에 대해서 공부하는 시간을 가져야겠다고 생각했습니다.