[Feat] todo 체크에 대한 ViewModel 적용 (#10)

Author: kms0233

AND-SOPT-iOS/AND-SOPT-iOS/Presentation/week7/TodoListView.swift

@@ -8,7 +8,7 @@
 import SwiftUI
 
 struct TodoListView: View {
-    @State var todos: [(text: String, isChecked: Bool, time: String?)]
+    @ObservedObject var viewModel: TodoViewModel
 
     var body: some View {
         VStack(alignment: .leading) {
@@ -32,19 +32,19 @@ struct TodoListView: View {
             }
             .padding(.bottom, 10)
 
-            ForEach(todos.indices, id: \.self) { index in
+            ForEach(viewModel.todos.indices, id: \.self) { index in
                 HStack(alignment: .top) {
                     Button(action: {
-                        todos[index].isChecked.toggle()
+                        viewModel.toggleTodoCheck(at: index)
+                        viewModel.reorderTodos()
                     }) {
                         ZStack {
                             Image("todo_none")
                                 .resizable()
                                 .renderingMode(.template)
                                 .frame(width: 25, height: 25)
-                                .foregroundColor(todos[index].isChecked ? .todoBrown : .todoGray)
-                            
-                            if todos[index].isChecked {
+                                .foregroundColor(viewModel.todos[index].isChecked ? .todoBrown : .todoGray)
+                            if viewModel.todos[index].isChecked {
                                 Image("check")
                                     .resizable()
                                     .frame(width: 15, height: 11)
@@ -53,11 +53,11 @@ struct TodoListView: View {
                     }
 
                     VStack(alignment: .leading) {
-                        Text(todos[index].text)
+                        Text(viewModel.todos[index].text)
                             .font(.body)
                             .foregroundColor(.primary)
 
-                        if let time = todos[index].time {
+                        if let time = viewModel.todos[index].time {
                             HStack {
                                 Image(systemName: "clock")
                                     .font(.caption)

AND-SOPT-iOS/AND-SOPT-iOS/Presentation/week7/TodoMateView.swift

@@ -12,12 +12,12 @@ struct TodoMateView: View {
     let weekDays = ["월", "화", "수", "목", "금", "토", "일"]
     let columns = Array(repeating: GridItem(.flexible()), count: 7)
 
-    let todos = [
-        (text: "힙콘 연말 파티 장소 찾아보기", isChecked: false, time: nil),
-        (text: "스유 스터디 회식 투표 올리기", isChecked: false, time: nil),
-        (text: "모각작 in 강남", isChecked: true, time: "PM 2:00"),
-        (text: "기획 경선 자료 확인하기", isChecked: true, time: nil)
-    ]
+    @StateObject private var viewModel = TodoViewModel(todos: [
+            (text: "힙콘 연말 파티 장소 찾아보기", isChecked: false, time: nil),
+            (text: "스유 스터디 회식 투표 올리기", isChecked: false, time: nil),
+            (text: "모각작 in 강남", isChecked: false, time: "PM 2:00"),
+            (text: "기획 경선 자료 확인하기", isChecked: true, time: nil)
+    ])
 
     var body: some View {
         ScrollView {
@@ -34,7 +34,7 @@ struct TodoMateView: View {
                 CalendarView(weekDays: weekDays, days: days, columns: columns)
                     .padding(.bottom, 20)
 
-                TodoListView(todos: todos)
+                TodoListView(viewModel: viewModel)
                     .padding(.top, 10)
 
                 Spacer()

AND-SOPT-iOS/AND-SOPT-iOS/Presentation/week7/TodoViewModel.swift

@@ -0,0 +1,39 @@
+//
+//  TodoViewModel.swift
+//  AND-SOPT-iOS
+//
+//  Created by 김민서 on 12/12/24.
+//
+
+import SwiftUI
+
+class TodoViewModel: ObservableObject {
+    @Published var todos: [(text: String, isChecked: Bool, time: String?)]
+    
+    init(todos: [(text: String, isChecked: Bool, time: String?)]) {
+        self.todos = todos
+    }
+    
+    func toggleTodoCheck(at index: Int) {
+        todos[index].isChecked.toggle()
+        
+        if todos[index].isChecked {
+            let todo = todos.remove(at: index)
+            todos.append(todo)
+        } else {
+            let todo = todos.remove(at: index)
+            todos.insert(todo, at: findInsertIndex(for: todo))
+        }
+    }
+    
+    private func findInsertIndex(for todo: (text: String, isChecked: Bool, time: String?)) -> Int {
+        if let index = todos.firstIndex(where: { !$0.isChecked && $0.text > todo.text }) {
+            return index
+        }
+        return todos.count - 1
+    }
+    
+    func reorderTodos() {
+        todos = todos.filter { !$0.isChecked } + todos.filter { $0.isChecked }
+    }
+}