[swift] FSCalendar에서 특정 날짜의 이벤트 액션 웹뷰 설정

15 Nov 2023

swift

FSCalendar는 iOS에서 사용할 수 있는 유연하고 사용하기 쉬운 달력 라이브러리입니다. 이 라이브러리를 사용하여 특정 날짜에 이벤트를 설정하고 웹뷰로 해당 이벤트를 표시하려면 다음 단계를 따르세요.

1. FSCalendar 라이브러리 추가

FSCalendar 라이브러리를 프로젝트에 추가합니다. 이를 위해 CocoaPods를 사용하는 것이 가장 쉽습니다.

Podfile에 다음 내용을 추가하고, 터미널에서 pod install을 실행하여 라이브러리를 설치합니다.

pod 'FSCalendar'

2. 이벤트 데이터 구성

특정 날짜에 이벤트를 표시하기 위해 데이터 구조를 만들어야 합니다. 예를 들어, 이벤트의 날짜와 제목을 저장하는 Event 클래스를 구성해보겠습니다.

class Event {
    var date: Date
    var title: String
    
    init(date: Date, title: String) {
        self.date = date
        self.title = title
    }
}

3. FSCalendar 구성

FSCalendar을 사용하여 달력을 구성합니다. 이 때, FSCalendarDelegate 프로토콜을 구현하여 특정 날짜를 선택했을 때 액션을 수행할 수 있습니다.

import FSCalendar

class CalendarViewController: UIViewController, FSCalendarDelegate {
    var events: [Event] = [] // 이벤트 데이터 배열
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let calendar = FSCalendar(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: 300))
        calendar.delegate = self
        view.addSubview(calendar)
    }
    
    // FSCalendarDelegate 메서드 구현
    func calendar(_ calendar: FSCalendar, didSelect date: Date, at monthPosition: FSCalendarMonthPosition) {
        // 선택한 날짜에 해당하는 이벤트 검색
        let filteredEvents = events.filter { $0.date == date }
        
        if let event = filteredEvents.first {
            // 이벤트가 있는 경우 웹뷰를 열고 이벤트 내용 표시
            let webView = UIWebView(frame: view.bounds)
            webView.loadHTMLString(event.title, baseURL: nil)
            view.addSubview(webView)
        }
    }
}

이제, 특정 날짜를 선택하면 해당 날짜에 이벤트가 있으면 웹뷰에 이벤트 제목을 표시하도록 구성되었습니다.

이번에는 FSCalendar 라이브러리를 사용하여 특정 날짜에 이벤트 액션 웹뷰를 설정하는 방법을 알아보았습니다. 이를 응용하면 다양한 기능을 추가하여 유저들에게 편리한 달력 앱을 만들 수 있습니다.

1. FSCalendar 라이브러리 추가

2. 이벤트 데이터 구성

3. FSCalendar 구성

참고 자료