[swift] PMAlertController 알림창 웹 뷰 추가하기

17 Nov 2023

swift

이번에는 PMAlertController를 사용하여 웹 뷰를 추가하여 알림 창을 사용해 보겠습니다. PMAlertController는 많은 커스터마이징 옵션을 제공하고, 사용자 경험을 향상시킬 수 있는 알림 창의 표시와 스타일을 제어할 수 있는 강력한 라이브러리입니다.

1. PMAlertController 설치하기

먼저, PMAlertController를 설치해야 합니다. CocoaPods를 사용하는 경우, Podfile에 다음과 같이 추가해주세요.

pod 'PMAlertController'

그런 다음 터미널에서 pod install 명령을 실행하여 종속성을 설치합니다.

2. 웹 뷰 추가하기

알림 창에 웹 뷰를 추가하려면 다음 단계를 따르세요.

2.1 웹 뷰 컨트롤러 만들기

import UIKit
import WebKit

class WebViewController: UIViewController {

    private var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        webView = WKWebView(frame: view.bounds)
        view.addSubview(webView)

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

이 코드는 WKWebView를 사용하여 웹 페이지를 로드하는 단순한 컨트롤러를 만듭니다.

2.2 알림 창에 웹 뷰 추가

import UIKit
import PMAlertController

class ViewController: UIViewController {

    @IBOutlet weak var showButton: UIButton!

    @IBAction func showButtonTapped(_ sender: UIButton) {
        let alertVC = PMAlertController(title: "웹 뷰 알림", description: "웹 페이지를 표시합니다.", image: UIImage(named: "webview_icon"), style: .alert)

        let webVC = WebViewController()
        alertVC.addChild(webVC)
        alertVC.containerView.addSubview(webVC.view)
        webVC.didMove(toParent: alertVC)

        alertVC.addAction(PMAlertAction(title: "닫기", style: .cancel))

        present(alertVC, animated: true, completion: nil)
    }
}

이 코드는 PMAlertController를 사용하여 알림 창에 웹 뷰를 추가합니다. ‘showButtonTapped’ 메서드가 호출되면 알림 창이 표시되고, 웹 뷰가 추가됩니다. 사용자가 닫기 버튼을 누르면 알림 창이 사라집니다.

3. 결과 확인하기

위의 코드를 실행하면 ‘웹 뷰 알림’이라는 제목과 ‘웹 페이지를 표시합니다.’라는 설명을 가진 알림 창이 표시됩니다. 웹 뷰에는 https://example.com 웹 페이지가 로드됩니다.

이것으로 PMAlertController를 사용하여 알림 창에 웹 뷰를 추가하는 방법을 익혔습니다. PMAlertController의 다양한 커스터마이징 옵션을 활용하여 더욱 멋진 알림 창을 만들어보세요!

참고 자료

PMAlertController GitHub 레포지토리: https://github.com/Codeido/PMAlertController
WKWebView: https://developer.apple.com/documentation/webkit/wkwebview