[iOS] 📬 Local Notification

🤷‍♂️ 이번엔 왜 Notification 인가요?

이번에 출시한 앱의 컨셉이 음식일기 인데, 사용자가 설정한 아침, 점심, 저녁 시간에 로컬알림을 줘서 일기를 까먹지 않고 작성할 수 있도록 하면 어떨까? 하는 생각에 미루고 미뤄왔던 Local Notification 을 공부해보려고 합니다

---

📦 로컬알림과 푸시알림

알림에는 앱 내부에서 개발자가 설정한 컨텐츠를 기기에 전달하는 로컬알림과 서버에서 사용자 기기에 알림을 전달하는 원격알림(푸시 알림) 2가지가 있습니다.

이번에는 로컬알림을 중점적으로 다뤄보겠습니다.

로컬알림의 경우 위의 그림과 같이, 사용자가 알림을 예약하면 Notification Center 에 쌓이게 되고 설정한 trigger 조건에 맞게 사용자의 휴대폰에 알람을 띄워줍니다.

Notification을 요청하기 위해서는

• identifier
• content
• trigger

각 알림의 고유한 식별자, 어떤 내용을 사용자게에 보여줄지, 그리고 어떤 타이밍에 알림을 줄지를 설정해줘야 합니다.

사용자가 설정한 시간에 로컬알림이 오도록 구현해보겠습니다.

---

1 ) identifier

우선, 로컬알림 예약을 하기 위해서는 알림에 대한 identifier 를 설정하는 과정이 필요합니다.
identifier 가 동일하다면 여러 알림을 보내도 알림이 수정되는 형태로 변경됩니다.

struct Alert: Codable {
    var id: String = UUID().uuidString
    var date: Date
    var isOn: Bool
    
    //시간을 표현하기 위해서
    var time: String {
        let timeFormatter = DateFormatter()
        timeFormatter.dateFormat = "hh:mm"
        return timeFormatter.string(from: date)
    }
    
    //오전, 오후를 표현하기 위해서
    var day: String {
        let timeFormatter = DateFormatter()
        timeFormatter.dateFormat = "a"
        timeFormatter.locale = Locale(identifier: "ko")
        return timeFormatter.string(from: date)
    }
}

우리는 설정한 시간에 맞게 알람을 띄워주도록 할 예정입니다.

그럼 앱을 종료하더라도 우리가 설정한 시간이 앱 내에 저장되어 있어야합니다.

DataBase에 저장할 수 도 있지만 User Defaults를 통해서 앱내에 저장할 수 있도록 설정해보겠습니다.
(블로그에서 UserDefaults 기본 자료형이 아닌 경우 어떻게 저장해야 할지를 고민했었는데 오늘과 같은 방법으로 해결할 수 있습니다.)

고유한 식별자는 UUID 를 통해서 고유한 id 를 생성하도록 설정하고, 우리는 사용자가 설정한 시간과 해당 알람을 On,Off 하는지를 저장하도록 커스텀 타입을 만들어야 하기 때문에 Codable 타입으로 설정합니다.
🔥 인코딩, 디코딩을 통해서 자신 <-> 외부포현 으로 변환하기 위해서

---

2) Content & Trigger

extension UNUserNotificationCenter {
    func addNotificationRequest(by alert: Alert) {
        let content = UNMutableNotificationContent()
        content.title = "설정한 시간이에요"
        content.body = "식사를 기록해보세요"
        content.sound = .default
        content.badge = 1
        
        let component = Calendar.current.dateComponents([.hour, .minute], from: alert.date)
        let trigger = UNCalendarNotificationTrigger(dateMatching: component, repeats: alert.isOn)
        
        let request = UNNotificationRequest(identifier: alert.id, content: content, trigger: trigger)
        self.add(request, withCompletionHandler: nil)
    }
}

우리가 앞서 설정한 구조체를 통해서 content 와 trigger 를 만들어서 알림을 예약 해보겠습니다.

content의 경우에는 아래의 4가지를 설정해 줄 수 있습니다.

• title : 제목
• body : 내용
• sound : 알람 소리
• badge : 앱 아이콘 우측상단의 숫자

trigger의 경우에는 아래의 3가지 트리거를 이용할 수 있습니다.

• 시간간격 : 최소 60초 이상의 시간간격으로 알림요청
• 캘린더 : 특정날짜(시간)에 알람 요청
• 위치기반 : 사용자가 특정위치에 접근했을 때 알람요청

위와 같이 id, content, trigger 를 설정해주고 NotificationCenter에 NotificationRequest를 추가하면 됩니다.

---

🔨 User Defautls

그럼 사용자 커스텀 타입을 User Defaults 에 저장하기 위해서는 어떻게 해야할까요?

var alertList: [Alert] = []
let userNotificationCenter = UNUserNotificationCenter.current()

func makeAlertList() -> [Alert] {
        guard let data = UserDefaults.standard.value(forKey: "alerts") as? Data,
              let alerts = try? PropertyListDecoder().decode([Alert].self, from: data) else { return [] }
        return alerts
    }

우선 UserDefaults 에 저장된 데이터를 배열 alertList에 저장하기 위해서는 디코딩 해주는 과정이 필요합니다.

디코딩 된 값들을 Alert 타입 배열에 저장시키고 해당 배열을 반환합니다.

@IBAction func addButtonClicked(_ sender: UIBarButtonItem) {
        let sb = UIStoryboard(name: "Main", bundle: nil)
        let vc = sb.instantiateViewController(withIdentifier: "AddViewController") as! AddViewController
        vc.pickedDate = { [weak self] date in
            guard let self = self else { return }
            let newAlert = Alert(date: date, isOn: true)
            var alerts = self.makeAlertList()
            //현재 배열에 추가
            alerts.append(newAlert)
            alerts.sort { $0.date < $1.date }
            self.alertList = alerts
            //유저 디폴트에 새로운 알람을 추가
            UserDefaults.standard.set(try? PropertyListEncoder().encode(self.alertList), forKey: "alerts")
            self.userNotificationCenter.addNotificationRequest(by: newAlert)
            
            self.tableView.reloadData()
        }
        self.present(vc, animated: true, completion: nil)
    }

반대로, 사용자가 설정한 알람 정보를(ID) User Defaults 에 저장하기 위해서는 인코딩 작업이 필요합니다.

---

⏲ 추가적인 설정

알림센터에 알람이 표시 되기 위해서는 사용자가 권한을 허용해야만 알림센터에 알림이 표시될 수 있습니다.

imagePicker에서 권한 설정을 위해서 권한문구를 plist로 설정했던 것과는 달리 시스템에서 권한 문구가 미리 구현되어 있습니다.

let userNotificationCenter = UNUserNotificationCenter.current()
//사용자로부터 권한을 받도록 하는 설정
let authorizationOptions = UNAuthorizationOptions(arrayLiteral: [.alert, .badge, .sound])

userNotificationCenter.requestAuthorization(options: authorizationOptions) { _, error in
            if let error = error {
                print("ERROR: \(error.localizedDescription)")
            }
        }

위와 같은 코드를 알람을 이용한 view의 viewDidLoad에 작성해서 사용하면 됩니다.
❗️UNNotificiation는 currnet 를 사용해야 합니다

---

🏷 P.S.

전체코드는 깃허브를 통해서 확인 할 수 있습니다.

강의를 들으면서 단순히 알람설정 뿐만 아니라

• UserDefaults 에 커스텀 타입을 설정하는 법
• 클로저를 통해서 화면간 값 전달

등 몰랐던 기술(?) 소홀하게 생각하고 있던 개념들을 한번 더 공부할 수 있었습니다.

이제 앱 업데이트를 위해 추가적으로

• Realm 마이그레이션
• Scroll View

를 위주로 학습을 하고 내용을 정리하는 시간을 가질것 같습니다.