TodoApp 제작(Swift)2

-구현기능

1.Todo 입력

2.Todo 삭제

3.Todo 자세히 보기

4.달력보기

5.달력 일자 다중선택

 

-사용기술

1.TableView

2.Swift 5.0

3.MVC

4.Koyomi(Calendar)

5.Toolbar

6.navigation controller

 

선행되어할것들 (기존 컨트롤뷰를 지우고 네비게이션 컨드롤 뷰를 만들어준다. )

 

1.TableView 설정

extension TodoViewController: UITableViewDataSource {
    
    //cell count
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return todoList.count
    }
    
    //cell present
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as? TodoCell else {return UITableViewCell()}
        
        cell.title.text = todoList[indexPath.row].title
        
        return cell
    }

1편과 같이 먼저 tableView를 만들어 주시고 DataSource 설정은 위와 같이 만들어 봤습니다. 요점은 todoList에 저장한 제목과 내용을 불러오는 것입니다. 

 

2. Todo 입력

Todo입력 화면

위와 같이 textField와 textView를 사용하였습니다 textField에는 제목을 textView에는 내용을 담아줍니다. 그리고 Done 버튼을 누르면 Todo 입력이 완료됩니다. 

@IBAction func doneButton(_ sender: Any) {
        let title = titleText.text ?? ""
        let content = contentText.text ?? ""
        
        let item: Todo = Todo(title: title, contents: content)
 
        todoList.append(item)
        
        self.navigationController?.popViewController(animated: true)
    }

done버튼은 위와같이 구현해줍니다. 입력이 완료되면 todoList로 저장됩니다. 그리고  self.navigationController?.popViewController(animated: true)를 호출하여 네비게이션 초기화면으로 이동해줍니다, 

하지만 입력한 todo 정보가 보이지 않습니다. 이것을 해결하기 위해서는 view를 다시 reload를 해주어야합니다. 

override func viewDidAppear(_ animated: Bool) {
        TodoListView.reloadData()
        saveAllData()
    }

func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == UITableViewCell.EditingStyle.delete {
            todoList.remove(at: indexPath.row)
            TodoListView.deleteRows(at: [indexPath], with: UITableView.RowAnimation.automatic)
            TodoListView.reloadData()
        }
    }

tableView DataSource extension안에 위와 같은 함수를 입력해주면 간단하게 구현이 됩니다. 데이터 갱신을 위해 reloadData는 꼭 추가해 주도록 합시다