addTodo() 함수는 배열로 정의된 할 일 목록에 자바스크립트 배열 push API로 하나의 할 일을 추가합니다. deleteTodo() 함수는 할 일을 삭제합니다. 자바스크립트 배열 splice API를 사용하여 배열의 특정 인덱스에 있는 할 일 데이터를 삭제합니다. completeTodo() 함수는 특정 할 일을 완료/미완료 처리합니다. 삭제와 마찬가지로 splice API를 사용하여 특정 인덱스에 있는 할 일의 완료 처리 여부를 완료로 표시한 후 데이터를 갱신해 줍니다.

logFirstTodo() 함수는 첫 번째 할 일을 출력하고 showCompleted() 함수는 완료된 할 일의 목록을 표시해 줍니다. addTwoTodoItems() 함수는 아직 완성되지 않았으므로 실습을 통해 직접 구현해야 합니다. 조금 뒤에서 자세히 안내하겠습니다. 마지막으로 log()는 console.log()를 매번 일일이 작성하지 않게 함수로 감싸 준 유틸리티 성격의 함수입니다.

각각의 코드가 무슨 역할을 하고 있는지 살펴보았으니 이제 직접해 볼까요?