다음으로 showCompleted() 함수는 할 일 목록에서 완료 처리가 된 목록을 표시해 줍니다. filter라는 자바스크립트 배열 API를 사용하여 할 일 목록에서 완료 처리된(done이 true로 표시된 할 일들) 할 일들만 추려 새로운 배열을 반환합니다. 마우스 커서를 올려 보면 마찬가지로 any로 추론되기 때문에 일단은 any로 지정합니다.

function showCompleted(): any {
  return todoItems.filter(item => item.done);
}

남은 함수는 addTwoTodoItems()와 log()입니다. 이 함수들은 다음 실습 순서에서 살펴보겠습니다.

여기까지 함수의 반환 타입들을 모두 정의해 보았습니다. 어떤가요? 함수의 반환 타입은 함수 이름 옆에 타입 표기 방식(:)을 이용하여 작성한다고 복습했고, any 타입을 쓰면 어렵지 않게 타입을 모두 정의할 수 있다는 것도 알게 되었습니다. 아마 타입스크립트가 크게 어렵지 않다고 느꼈을 텐데요. 그럼 이제 다음 실습 순서로 넘어가 봅시다.