[ TIL ] 늘어나는 기능과 그와 함께 늘어가는 오류 / 24년 3월 22일

출처 : 핀터레스트

 

안녕하세요!

오늘 하루는 어땠냐면요..

늘어나는 기능 욕심과 그와 함께 늘어나는 오류들을 처리하고 수습하기에 급급했습니다.

 

 

[ 새롭게 구현한 기능들 ] 

 

☑️ TodoList의 날짜 구현

Date() 값을 넣어서 오늘의 날짜 구현을 완료하였습니다!

Date 값을 넣기 위해서는 Date를 내가 원하는 String으로 변경해야하고, String으로 정의된 날짜를 다시 Date로도 만들 수 있어야 하더라구요! 그래서 요 두가지 함수를 넣어주었습니다.

// MARK: - toDate 함수
extension String {
    // String -> Date 로 변경하는 함수
    func toDate() -> Date? {
        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "yy.MM.dd"
        if let date = dateFormatter.date(from: self) {
            return date
        } else {
            return nil
        }
    }
}


// MARK: - toString 함수
extension Date {
    // Date -> String 으로 변경하는 함수
    func toString() -> String {
        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "yy.MM.dd"
        return dateFormatter.string(from: self)
    }
}

 

 

 

☑️ 새로운 탭 바를 생성해 캘린더 구현

캘린더 기능을 넣고 싶어서 구글링을 뒤적뒤적해봤더니 Swift에는 UICalendarView라는 클래스로 캘린더 구현을 아주 쉽게 할 수 있더라구요! 그래서 다른 분의 코드를 좀 차용해서 캘린더를 구현해보았습니다.

 

 

 

☑️ TodoList의 새로운 Todo를 생성할 때, Date 입력 받아오기 / 새로운 ViewController를 생성 ( 새로운 Todo 생성 )

새로운 Todo를 입력하는 얼럿창에서 Date 값도 받아오고 싶었는데, 얼럿창에 textfield 와 Date Picker View 를 동시에 올릴 수가 없더라구요.. 그냥 제가 못한건지 아님 원래 안되는 건지.. 그래서 어쩔 수 없이 새로운 ViewController를 만들어야했습니다.

Add 버튼을 눌렀을 때, 밑에서 위로 올라오도록 코드로 뷰컨을 연결해주었습니다. Date값도 무사히 받아오기를 완료!
새로운 데이터를 생성하는데 있어서 Date값도 생겨서 데이터 매니저에 saveTodoListData의 함수도 title과 Date 두 가지 데이터를 받아와서 새로운 데이터를 저장하는 것으로 바꾸어주었습니다. 

 

근데 여기서 Done을 눌렀을 때, 기존 화면으로 넘어가는 과정에서 추가한 데이터가 바로 todoList에 올라와야하는데 안올라와지더라구요ㅠㅠ 그래서 이 부분은 클로저 함수를 이용해서 데이터를 저장하는 순간에 완료된 메시지를 보내주어서 새롭게 테이블 뷰를 업데이트 하는 것으로 해결을 하였습니다. 이 부분에서 굉장히 많은 시간을 흘렀어요..!

이 때 안 꿀팁..! 코드 실행이 안된다면 코드 실행이 되는지 안되는지 부터 파악해야하기 때문에 꼭 함수를 실행시켜봐라..! 이제 함수 실행 꼭 해보려구요..!!

 

	@IBAction func doneButtonTapped(_ sender: UIButton) {
        
        guard let text = titleTextField.text else { return }
        let date = datePickerView.date
        
        if text != "" {
            dataManager.saveTodoListData(todoTitle: text, todoDate: date) {
                print("새로운 데이터 저장 완료")
                self.saveData()
            }
        }
        
        dismiss(animated: true, completion: nil)
    }
    
    // 데이터 저장이 완료된 후 호출되는 메서드
    func saveData() {
        // 데이터 저장 완료를 알리는 알림 발송
        NotificationCenter.default.post(name: NSNotification.Name(rawValue: "DataSaved"), object: nil)
    }

 

이렇게 AddViewController 에서 데이터가 저장이 완료되었을 때, saveData를 호출하면 saveData가 알림을 발송하여 줍니다. 그 알림은 받는 친구는 tableView를 가지고 있는 ViewController에요!

    override func viewDidLoad() {
        super.viewDidLoad()
        setting()
        setTitle()
        buttonAction()
        setDate()
        NotificationCenter.default.addObserver(self, selector: #selector(dataSaved), name: NSNotification.Name(rawValue: "DataSaved"), object: nil)
    }
    
    
    // 데이터 저장 완료 알림을 받았을 때 호출되는 메서드
    @objc func dataSaved() {
        // UITableView 다시 그리기
        print(#function)
        tableview.reloadData()
    }

 

 

여기가 ViewController 입니다!

 

 

 

☑️ TodoList의 날짜 별로 데이터를 가져옴 / 날짜가 넘어갔을 때, 데이터가 바뀌어서 새로 table view가 생성

이제 TodoList의 데이터를 날짜 별로 정리해서 가져오도록 만들었어요! 가져온 데이터를 date를 key로 가지는 딕셔너리를 만들어서 배열 형식으로 정리해서 넣어주었습니다.

func fetchDataByDate() -> [String: [NSManagedObject]] {
        
        if let context = context {
            
            // NSFetchRequest 생성
            let fetchRequest = NSFetchRequest<NSFetchRequestResult>(entityName: self.modelName)
            
            // 날짜별로 정렬하기 위한 속성 추가
            fetchRequest.sortDescriptors = [NSSortDescriptor(key: "priority", ascending: true)]
            
            do {
                // 데이터 가져오기
                let fetchedResults = try context.fetch(fetchRequest) as! [NSManagedObject]
                
                // 날짜별로 데이터 정리
                var dataByDate: [String: [NSManagedObject]] = [:]
                
                let dateFormatter = DateFormatter()
                dateFormatter.dateFormat = "yy.MM.dd"
                
                for data in fetchedResults {
                    if let date = data.value(forKey: "date") as? Date {
                        let dateString = dateFormatter.string(from: date)
                        if dataByDate[dateString] == nil {
                            dataByDate[dateString] = []
                        }
                        dataByDate[dateString]?.append(data)
                    }
                }
                
                return dataByDate
                
            } catch {
                print("Error fetching data: \(error)")
            }
        }
        
        return [:]
    }

 

UI에서 데이터를 넘기기위해서 화살표 버튼을 생성해 데이터를 넘어가도록 구현도 해주었어요!

 

    @IBAction func backButtonTapped(_ sender: UIButton) {
        
        // 현재 pageDate에서 하루 전으로 변경
        if let date = pagedate.toDate() {
            let changedDate = Calendar.current.date(byAdding: .day, value: -1, to: date)
            if let toStringDate = changedDate?.toString() {
                pagedate = toStringDate
            }
        }
        changeDate()
    }
    
    
    // MARK: - FrontButton
    
    @IBAction func frontButtonTapped(_ sender: UIButton) {
        
        // 현재 pageDate에서 하루 후로 변경
        if let date = pagedate.toDate() {
            let changedDate = Calendar.current.date(byAdding: .day, value: 1, to: date)
            if let toStringDate = changedDate?.toString() {
                pagedate = toStringDate
            }
        }
        changeDate()
    }

 

date를 기준으로 셀에 데이터를 올리기 때문에 date만 변화시켜주는 함수가 있으면 셀도 변경이 되는 거죠!

 

    // 페이지 날짜 저장
    var pagedate: String = ""
    
    // 기본 날짜 오늘로 설정하기
    func setDate() {
        let now = Date()
        let formatter = DateFormatter()
        
        formatter.dateFormat = "yy.MM.dd"
        pagedate = formatter.string(from: now)
        
        // UILabel 설정
        date.text = pagedate
    }
    
    
    
    // 날짜 변경하기
    func changeDate() {
        
        // UILabel 설정
        date.text = pagedate
        self.tableview.reloadData()
    }

 

pageDate 변수를 만들어서 오늘 날짜를 기본으로 설정해두고, 날짜가 변경될때마다 새롭게 Date를 그리도록 설정하였습니다.

 

 

 

 

 

[ 여러가지의 오류 ]

 

오늘 어떤 오류들을 맞닥들이고 어떻게 해결하였는지 정리해봅시다. 

 

☑️ 처음 화면에 들어왔을 때, 체크박스 표시가 되어있지 않는 오류 -> 해결

이 부분은 처음에 cell에 데이터를 표시할 때부터 data의 ischecked에 따라 버튼의 UI를 설정을 해주었어야 했는데, 빼먹은 저의 불찰이었습니다. 그래서 함수를 만들어서 오류를 해결해주었어요.

    // ToDoData를 전달받을 변수
    var toDoData: TodoData? {
        didSet {
            configureUIwithData()
        }
    }
    
    
    // TodoData로 UI 표시
    func configureUIwithData() {
        todoText.text = toDoData?.title
        setTableViewCell()
    }
    
    
    func setTableViewCell() {
        if let ischecked = toDoData?.isChecked {
            if ischecked == true {
                checkButton.isSelected = true
                todoText.textColor = UIColor.darkGray
                todoText.attributedText = todoText.text?.strikeThrough()
            }else {
                checkButton.isSelected = false
                todoText.textColor = UIColor.black
                todoText.attributedText = todoText.text?.removeStrikeThrough()
            }
        }
    }

setTableViewCell() 이라는 새로운 함수를 만들어서 처음 데이터에 따른 UI변경을 해주었구요. 이 것을 TodoData를 받을 때마다 실행시켜주도록 코드를 구현했습니다!

 

 

 

☑️ priority가 둘만 바뀌는 오류 -> 미해결

이 부분은 제가 기능적으로 착각해서 행의 위치가 바뀌면 둘의 priority만 바뀌면 된다고 생각했는데, 그게 아니더라구요. 그 사이에 있는 priority가 다 밀려나야하는데, 그럼 그 사이의 데이터를 다 빼와야해서 그걸 어떻게 구현해야할지 고민하다가 아직 구현을 못했어요. 내일 구현해볼까합니다!

 

 

 

☑️ 원래있던 TodoList를 수정했을 때, 다른 취소선들이 변하는 오류 -> 해결

이건 첫 번째 오류를 수정하니 자동적으로 수정이 되었습니다!

 

 

 

☑️ TodoList의 새로운 Todo를 생성후 확인버튼을 눌렀을 때, 테이블 뷰의 데이터가 다시 업데이트 되지 않는 오류 -> 해결

이 부분은 TodoList의 새로운 Todo를 생성할 때, Date 입력 받아오기 / 새로운 ViewController를 생성 ( 새로운 Todo 생성 ) 부분에서 해결을 하였어요!!ㅎㅎ

 

 

 

[ 해결하거나 구현해야할 것 ]

- Editting 모드에서 Cell을 눌렀을 때, AddTodo 화면으로 넘어가면서 데이터 넘기기

- Cell로 AddTodo 화면으로 넘어갔을 때, 제목변경, TextField 안에 기존 Title넣기, 기존 Date 값 넣기, 버튼 이름 "수정"으로 변경하기

- 카테고리 만들어서 색상 지정하기

- 데이터에 색상데이터 넣기

- AddTodo 화면에서 색상 Piker 화면 구현하기

- TodoList의 todo 항목을 다 완료했다면 캘린더에 완료 표시 넣기

- 캘린더에서 날짜를 선택하면 해당 날짜의 Todo 리스트로 이동하기

- todolist를 삭제할 때, 삭제하시겠습니까라는 얼럿창 띄우기

- 목차 변경하는 기능 없애기

 

 

제가 앞으로 남은 1주일동안 고민하고 구현해야할 부분입니다..!!

처의 첫 구현 앱이라서 더더욱 애착이 갑니다..!

꼭 앱 출시까지 성공할 수 있기를..!!

오늘은 일주일동안 진짜 최선을 다해 공부한 나 자신을 위해 맥주한캔 먹고 자도록 하겠습니다.\

그럼 다들 안녕~~🍻