[swift] Swift ObjectMapper를 사용하여 앱의 웹뷰 기능 구현 방법은?

27 Nov 2023

swift

앱 개발 시 웹페이지를 웹뷰를 통해 보여주는 기능은 많이 사용되는 기능 중 하나입니다. Swift ObjectMapper는 JSON과 Swift 객체 간의 매핑을 간편하게 처리해주는 유용한 라이브러리입니다. 이번 글에서는 Swift ObjectMapper를 사용하여 앱의 웹뷰 기능을 구현하는 방법에 대해 알아보겠습니다.

1. ObjectMapper 설치 및 프로젝트 설정

먼저 프로젝트에 ObjectMapper를 설치해야 합니다. 가장 간편한 방법은 CocoaPods을 사용하는 것입니다. Podfile에 다음과 같이 ObjectMapper를 추가합니다.

pod 'ObjectMapper'

설치를 위해 터미널을 열고 프로젝트의 디렉토리로 이동한 뒤 다음 명령을 실행합니다.

pod install

2. 웹뷰 관련 코드 작성

웹뷰 기능을 구현하기 위해 ViewController에 웹뷰를 추가하고 관련 코드를 작성해야 합니다. 먼저 ViewController에 UIWebViewDelegate 프로토콜을 채택합니다.

class ViewController: UIViewController, UIWebViewDelegate {
    // ...
}

그리고 웹뷰를 선언하고 초기화합니다.

@IBOutlet weak var webView: UIWebView!

뷰가 로드될 때 웹뷰를 초기화하고 웹페이지를 불러옵니다.

override func viewDidLoad() {
    super.viewDidLoad()

    webView.delegate = self

    if let url = URL(string: "https://www.example.com") {
        let request = URLRequest(url: url)
        webView.loadRequest(request)
    }
}

마지막으로 웹페이지 로딩이 시작될 때 호출되는 webViewDidStartLoad 메서드와 로딩이 완료되었을 때 호출되는 webViewDidFinishLoad 메서드를 구현합니다.

func webViewDidStartLoad(_ webView: UIWebView) {
    // 웹페이지 로딩이 시작될 때 처리할 작업
}

func webViewDidFinishLoad(_ webView: UIWebView) {
    // 웹페이지 로딩이 완료되었을 때 처리할 작업
}

3. JSON 데이터 매핑

만약 웹페이지에서 JSON 데이터를 받아오고 이를 Swift 객체로 매핑하여 웹뷰에서 사용하려면, ObjectMapper를 사용하면 매우 간단하게 구현할 수 있습니다. 먼저 JSON 데이터를 가져와서 매핑할 Swift 객체를 정의해야 합니다.

import UIKit
import ObjectMapper

class WebPageData: Mappable {
    var title: String?
    var content: String?

    required init?(map: Map) {}

    func mapping(map: Map) {
        title <- map["title"]
        content <- map["content"]
    }
}

위의 코드에서 WebPageData는 웹페이지에서 가져올 데이터를 담을 Swift 객체입니다. Mappable 프로토콜을 채택하여 ObjectMapper에서 필요한 매핑 작업을 진행할 수 있습니다.

매핑할 JSON 데이터를 가져온 뒤 ObjectMapper를 사용하여 Swift 객체에 매핑합니다.

func webViewDidFinishLoad(_ webView: UIWebView) {
    if let jsonString = webView.stringByEvaluatingJavaScript(from: "getJSONData()") {
        if let webPageData = Mapper<WebPageData>().map(jsonString) {
            // 매핑된 데이터를 사용하여 웹뷰에 필요한 작업을 수행
            print(webPageData.title)
            print(webPageData.content)
        }
    }
}

위의 코드에서 stringByEvaluatingJavaScript(from: 메서드를 통해 JavaScript 함수를 실행해 JSON 데이터를 가져옵니다. 가져온 JSON 데이터를 Mapper<WebPageData>().map 메서드를 통해 매핑합니다. 매핑된 데이터를 사용하여 웹뷰에 필요한 작업을 수행할 수 있습니다.

이제 Swift ObjectMapper를 사용하여 앱의 웹뷰 기능을 구현하는 방법을 알아보았습니다. ObjectMapper는 JSON 데이터와 Swift 객체 간의 자동 매핑을 도와주기 때문에 개발자들에게 많은 편의를 제공합니다. 추가적인 기능이나 사용 방법에 대해서는 ObjectMapper의 공식 문서를 참고하시기 바랍니다.

참고 문서

ObjectMapper 공식 GitHub 저장소