[SwiftUI] 메인 디스패치 큐(Main Dispatch Queue) 특징 & 예제코드

메인 디스패치 큐(Main Dispatch Queue)는 Grand Central Dispatch (GCD) 프레임워크의 일부로, 주로 iOS, macOS 및 tvOS와 같은 Apple 플랫폼에서 다중 스레드 관리 및 비동기 작업을 지원하기 위해 사용되는 메커니즘입니다. 메인 디스패치 큐는 앱의 주된 사용자 인터페이스(UI) 작업을 처리하고, 다른 스레드에서 발생한 작업을 메인 스레드로 전환하여 UI 업데이트를 안전하게 수행하는 데 사용됩니다.

주요 특징과 개념:

• 메인 스레드(UI 스레드): 메인 디스패치 큐는 앱의 메인 스레드에서 동작합니다. 앱의 사용자 인터페이스(UI) 작업은 메인 스레드에서 실행되어야 합니다. 메인 디스패치 큐는 이러한 UI 업데이트 작업을 관리하고, 다른 스레드에서 발생한 비동기 작업을 메인 스레드로 전환하여 안전하게 실행합니다.
• 비동기 작업 스케줄링: DispatchQueue.main.async 메서드를 사용하여 메인 디스패치 큐에서 비동기적으로 작업을 스케줄링할 수 있습니다. 이를 통해 UI 업데이트나 다른 메인 스레드 작업을 멈추거나 지연하지 않고 처리할 수 있습니다.
• UI 업데이트: 메인 디스패치 큐는 주로 UI 업데이트 작업을 처리하는 데 사용됩니다. 사용자 인터페이스 요소를 업데이트하거나 화면에 변화를 반영하는 작업은 반드시 메인 스레드에서 실행되어야 하며, 메인 디스패치 큐를 통해 이를 보장할 수 있습니다.
• 동기 및 비동기 작업: 메인 디스패치 큐는 동기적으로나 비동기적으로 작업을 실행할 수 있습니다. sync 메서드를 사용하여 동기 작업을 실행하면 현재 스레드에서 작업이 끝날 때까지 대기합니다. 반면 async 메서드를 사용하여 비동기 작업을 실행하면 작업이 메인 디스패치 큐에 추가되고, 현재 스레드의 실행 흐름과 독립적으로 실행됩니다.

요약하면, 메인 디스패치 큐는 앱의 주된 UI 작업을 처리하고 다른 스레드에서 발생한 비동기 작업을 메인 스레드로 전환하여 안전하게 실행하는데 사용되는 중요한 도구입니다. 이를 통해 앱의 응답성과 사용자 경험을 향상시킬 수 있습니다.

아래는 SwiftUI를 사용하여 네트워크 API 데이터 로딩을 처리하는 예제 코드입니다. SwiftUI는 iOS 13 이상부터 지원되는 UI 프레임워크로, 간편한 방식으로 사용자 인터페이스를 구축할 수 있습니다.

import SwiftUI

struct User: Codable {
    let id: Int
    let username: String
    let email: String
}

enum NetworkError: Error {
    case invalidURL
    case noData
}

class NetworkManager: ObservableObject {
    
    @Published var users: [User] = []
    
    func fetchUserData() {
        guard let url = URL(string: "https://api.example.com/users") else {
            return
        }
        
        URLSession.shared.dataTask(with: url) { (data, response, error) in
            if let error = error {
                print("Error: \(error)")
                return
            }
            
            guard let data = data else {
                print("No data received")
                return
            }
            
            do {
                let decoder = JSONDecoder()
                let users = try decoder.decode([User].self, from: data)
                DispatchQueue.main.async {
                    self.users = users
                }
            } catch {
                print("Error decoding data: \(error)")
            }
        }.resume()
    }
}

@main
struct SwiftUIExampleApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    
    @StateObject private var networkManager = NetworkManager()
    
    var body: some View {
        NavigationView {
            List(networkManager.users, id: \.id) { user in
                VStack(alignment: .leading) {
                    Text("User ID: \(user.id)")
                        .font(.headline)
                    Text("Username: \(user.username)")
                    Text("Email: \(user.email)")
                }
            }
            .navigationBarTitle("User List")
            .onAppear {
                networkManager.fetchUserData()
            }
        }
    }
}