[swift] RxCocoa를 이용한 웹뷰 처리 방법

17 Nov 2023

swift

이번 글에서는 RxCocoa를 사용하여 웹뷰를 처리하는 방법을 알아보겠습니다. RxCocoa는 RxSwift를 위해 iOS 및 macOS에서 제공되는 라이브러리입니다. 웹뷰를 사용할 때 RxCocoa를 활용하면 UI 이벤트 및 데이터 바인딩을 쉽게 처리할 수 있습니다.

웹뷰 생성하기

import RxCocoa
import RxSwift
import UIKit
import WebKit

class WebViewController: UIViewController {
    let disposeBag = DisposeBag()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let webView = WKWebView(frame: view.bounds)
        view.addSubview(webView)
        
        let url = URL(string: "https://www.example.com")!
        let request = URLRequest(url: url)
        webView.load(request)
        
        webView.rx
            .loading
            .subscribe(onNext: { [weak self] isLoading in
                guard let self = self else { return }
                if isLoading {
                    // 웹 페이지가 로딩 중일 때 처리할 작업
                } else {
                    // 웹 페이지 로딩이 완료되었을 때 처리할 작업
                }
            })
            .disposed(by: disposeBag)
    }
}

위의 예제에서는 RxCocoa를 사용하여 웹뷰를 생성하고 URL을 로드하는 방법을 보여줍니다. WKWebView를 생성하고 view에 추가한 다음, URL(string:) 메서드를 사용하여 웹페이지의 URL을 지정하고 URLRequest를 생성합니다. 마지막으로 load(_:) 메서드를 호출하여 웹페이지를 로드합니다.

웹뷰 로딩 상태 처리하기

위의 예제에서는 webView.rx.loading을 사용하여 웹뷰의 로딩 상태를 처리합니다. 이 속성은 Bool 타입의 옵저버블 시퀀스를 반환하며, true는 웹페이지가 로딩 중임을 의미하고, false는 웹페이지 로딩이 완료되었음을 의미합니다. 이를 활용하여 로딩 상태에 따라 다양한 작업을 처리할 수 있습니다.

webView.rx
    .loading
    .subscribe(onNext: { [weak self] isLoading in
        guard let self = self else { return }
        if isLoading {
            // 웹 페이지가 로딩 중일 때 처리할 작업
        } else {
            // 웹 페이지 로딩이 완료되었을 때 처리할 작업
        }
    })
    .disposed(by: disposeBag)

위의 예제에서는 로딩 상태에 따라 isLoading 을 받아와 웹 페이지 로딩 중이면 해당 블록을 실행하고, 로딩이 완료되면 다른 블록을 실행하도록 처리하였습니다.

결론

이번 글에서는 RxCocoa를 사용하여 웹뷰를 처리하는 방법을 알아보았습니다. 이를 활용하면 웹뷰 관련 작업을 더욱 간편하게 처리할 수 있으며, UI 이벤트와 데이터 바인딩을 손쉽게 구현할 수 있습니다.