4.5.4 addTwoTodoItems( ) 함수 구현

이번 순서에서는 함수의 선언부가 작성되어 있지 않은 addTwoTodoItems() 함수의 코드를 작성해 보겠습니다. 현재 코드는 다음과 같습니다.

// TODO: 아래 함수의 내용을 채워보세요.
// 아래 함수는 addTodo() 함수를 이용하여 2개의 새 할 일을 추가하는 함수입니다.
function addTwoTodoItems() {
  // addTodo() 함수를 두 번 호출하여 todoItems에 새 할 일이 2개 추가되어야 합니다.
}

이 함수는 앞에서 타입을 정의한 addTodo() 함수를 사용하여 할 일 목록에 새 할 일을 2개 추가합니다. addTodo() 함수의 파라미터 타입을 정의했기 때문에 addTodo() 함수를 호출할 때 넘기는 인자의 데이터 타입을 확인할 수 있습니다. 다음과 같이 말이죠.

▲ 그림 4-16 addTodo( ) 코드를 작성했을 때 비주얼 스튜디오 코드에서 표시해 주는 함수 정보

addTodo()에 넘길 인자는 숫자 값을 가지는 id, 문자열 값을 가지는 title, 진위 값을 가지는 done 속성이 있는 객체여야 한다는 것을 알 수 있습니다. 이 데이터 타입에 맞지 않는 값을 인자로 넘기면 다음과 같이 에러가 발생합니다.