[SwiftUI] 알람 앱 클론코딩

아이폰 기본 알람 앱

왼쪽(개발화면), 오른쪽(실제 어플화면)

피그마로 받은 UI 디자인

개발 부분

• ObservableObject, @StateObject, @ObservedObject 사용하여 데이터 전달
• MainView는 List를 사용하여 Scroll했을때 navigationTitle이 Header 가운데에 올라감
• 알람을 List에 append하는 방식
• 알람 모델 클래스

class AlarmModel: Identifiable,ObservableObject {

    let id : UUID = UUID()
    var time: String
    var amPm: String
    var date: Date

    @Published var alarmActive: Bool

    // MARK: CREATE ALARM LIST
    init(date: Date) {

        self.date = date

        alarmActive = true

        let formatter = DateFormatter()

        formatter.dateFormat = "hh:mm"
        time = formatter.string(from: date)

        formatter.dateFormat = "a"
        amPm = formatter.string(from: date)

    }

    // MARK: UPDATE ALARM LIST
    func updateAlarm(date: Date) {

        self.date = date

        alarmActive = true

        let formatter = DateFormatter()

        formatter.dateFormat = "hh:mm"
        time = formatter.string(from: date)

        formatter.dateFormat = "a"
        amPm = formatter.string(from: date)
    }

}