더북(TheBook)

여기에서 fetchTodoItems() 함수의 반환 타입은 { id: number; title: string; done: boolean }[]인 것을 알 수 있는데요. 그렇다면 이 할 일 목록의 데이터 타입은 배열이고, 각 요소에 id, title, done 속성이 들어가는 객체라는 것을 추론해 볼 수 있습니다. 따라서 todoItems 변수의 타입을 다음과 같이 지정합니다.

let todoItems: { id: number; title: string; done: boolean }[];

변수에 타입을 지정하기 위해서는 타입 표기 방식(:)을 이용하여 이름 옆에 타입을 지정함을 알고 있을 것입니다. todoItemsid, title, done 속성을 갖는 객체의 배열 타입이라고 지정했습니다.

todoItems 변수 타입이 정의되고 나서 다른 코드에 따로 에러가 발생하는 부분은 없기 때문에 타입 정의가 잘되었다고 볼 수 있습니다. 타입이 다음과 같이 어울리지 않는 타입으로 잘못 지정되었다면 코드에 빨간색 줄이 생깁니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.