여기에서 ‘Missing return type on function’은 아까 살펴보았던 에러 메시지입니다. 그리고 ‘‘fetchTodos’ is defined but never used’라는 메시지도 함께 등장하는데, 이것은 함수가 선언되었지만 한 번도 사용되지 않아 발생하는 ESLint 에러입니다. 이 에러 메시지는 현재 실습과 관계없으므로 신경 쓰지 않아도 됩니다. 그러면 이 함수의 반환 타입은 다음과 같이 작성할 수 있습니다.
function fetchTodos(): { id: number; title: string; done: boolean }[] {
const todos = fetchTodoItems();
return todos;
}
계속해서 addTodo(), deleteTodo(), completeTodo() 함수를 살펴보겠습니다.
function addTodo(todo) {
todoItems.push(todo);
}
function deleteTodo(index) {
todoItems.splice(index, 1);
}
function completeTodo(index, todo) {
todo.done = true;
todoItems.splice(index, 1, todo);
}