[iOS14] ♋️ SplashView를 활용해 Alert 발생하기

✅이번 시간에는 SplashView를 이용하여 Alert를 보내는 방법에 대해서 알아보도록 하자.

 

우선 나는 사용자가 앱을 시작할 때, 오류가 있으면 error 알림과 동시에 Alert를 발생하여 앱의 시작을 중단시키려 했다.

splash 화면에서 보여주는 알럿

 

처음에 내가 생각하기론 LaunchScreen.storyboard쪽에 커스텀 클래스를 연결해서 사용하려고 하였으나...

Launch Storyboard에 커스텀 클래스 연결시의 에러

자.. 이런 에러가 나타난다. 즉, 커스텀 클래스를 연결할 수 없다는 말이다.. ㅠㅠ

그런데, 다른 앱들을 보면 네트워크 에러나 문제가 있을 시, Alert를 표시해 주던데 그건 어떻게 하는건지 궁금증이 생겼다.

그래서 찾아보던 중, SplashScreen에 대해서 알게 되었고, 이 방식을 적용하여 개발하여 보기로 하였다.

 

(목차)

1. SplashScreen는 어떤 로직으로 설계되었을까?

2. SplashScreen의 코드는?

3.

 

✅ 1. SplashScreen는 어떤 로직으로 설계되었을까?

 

우리가 알고 넘어가야 하는건, Launch Storyboard 에서는 뷰와 관련한 컨트롤을 할 수 없다는 것이다. 즉, 이 구간을 지나 Launch 뷰컨트롤러로 넘어갔을 때부터 알림을 보여주던가, 화면을 보여주던가 할 수 있다.

 

그렇다면 우리는 어떻게 설계해야하는 것일까?

(기존) : LaunchScreen -> MainScreen 이라고 하자.

(Splash) : LaunchScreen -> SplashView -> MainScreen 으로 바꿔주면 된다.

 

무슨 말이냐면, 런치 스크린에서 SplashView로 먼저 이동하여, 여기서 네트워크 상태를 확인하거나, 애니메이션을 통해 앱의 시작 화면을 보여주는 등 UI와 관련한 작업을 진행할 수 있다. 여기서 우리가 검사하는 조건이 정상적으로 알맞는다면, MainScreen으로 이동하여 그제서야 우리가 보는 화면을 보여주는 것이다...!

 

이런 아이디어가 있었다니... 개발은 다른 사람의 생각을 잘 듣는것도 중요하다고 새삼 느낀 시간.

 

✅ 2. SplashScreen의 코드는?

MainStroyboard

(사전설정)

가장 왼쪽이 SplashScreen으로 활용할 뷰! - SplashViewController.swift를 만들어서 연결해준다.

//
//  DeviceConfig.swift
//  Covid19AlarmApp
//
//  Created by Hamlit Jason on 2021/08/01.
//

import Foundation
import SystemConfiguration

class DeviceManager {
    static let shared : DeviceManager = DeviceManager()
    
    var networkStatue : Bool {
        get {
            return checkDeviceNetworkStatus()
        }
    }
    
    private init() {
        
    }
    
    private func checkDeviceNetworkStatus() -> Bool {
            print("Check to Device Natwork Status....")
            var zeroAddress = sockaddr_in(sin_len: 0, sin_family: 0, sin_port: 0, sin_addr: in_addr(s_addr: 0), sin_zero: (0, 0, 0, 0, 0, 0, 0, 0))
            zeroAddress.sin_len = UInt8(MemoryLayout.size(ofValue: zeroAddress))
            zeroAddress.sin_family = sa_family_t(AF_INET)
            
            let defaultRouteReachability = withUnsafePointer(to: &zeroAddress) {
                $0.withMemoryRebound(to: sockaddr.self, capacity: 1) {zeroSockAddress in
                    SCNetworkReachabilityCreateWithAddress(nil, zeroSockAddress)
                }
            }
            
            var flags: SCNetworkReachabilityFlags = SCNetworkReachabilityFlags(rawValue: 0)
            if SCNetworkReachabilityGetFlags(defaultRouteReachability!, &flags) == false {
                return false
            }
            
            // Working for Cellular and WIFI
            let isReachable = (flags.rawValue & UInt32(kSCNetworkFlagsReachable)) != 0
            let needsConnection = (flags.rawValue & UInt32(kSCNetworkFlagsConnectionRequired)) != 0
            let ret = (isReachable && !needsConnection)
            return ret
        }
}

위의 코드는 애플 와이파이 연결 상태를 확인하는 코드인데, 애플 공식문서에 가면 나와있으니 복붙해서 DeviceConfig.swift를 만든다.

 

SplashViewController.swift파일의 코드

//
//  LaunchViewController.swift
//  Covid19AlarmApp
//
//  Created by Hamlit Jason on 2021/08/01.
//

import UIKit

class SplashViewController : UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        checkDeviceNetworkStatus()
        
    }
    
    func checkDeviceNetworkStatus() {
        
        if !(DeviceManager.shared.networkStatue) {
            let alert: UIAlertController = UIAlertController(title: "네트워크 상태 확인", message: "네트워크가 불안정 합니다.", preferredStyle: .alert)
            let action: UIAlertAction = UIAlertAction(title: "다시 시도", style: .default, handler: { (action) in
                self.checkDeviceNetworkStatus()
            })
            alert.addAction(action)
            present(alert, animated: true, completion: nil)
        } else {
            guard let vc = self.storyboard?.instantiateViewController(identifier: "firstVC") else {
                print("ERROR")
                return
            }
            vc.modalTransitionStyle = .crossDissolve
            vc.modalPresentationStyle = .fullScreen
            present(vc, animated: true, completion: nil)
        }
        
    }
}

❗️여기서 중요한 점은, 내 포스팅의 위의 사진을 보면, SplashScreen - NavigationController - ViewController 이런 식으로 연결되어 있는데 NavigationController는 ViewController에서 Embed In 된거라고 가정하면, 여기에 identifier를 주고 전환해야 이후에 다른 뷰들도 Navigation형태로 화면이 전환된다.

 

🟠 ViewDidAppear에서 함수를 호출하는 이유는 메모리에 올라갈 때, 메모리에 올라갈 때 다른 작업을 마친 후에 적용되어야 하기 때문이다.