[TS] object를 더 상세하게 타입지정하기

function fetchTodoItems(): object[] {
  const todos = [
    { id: 1, title: '안녕', done: false },
    { id: 2, title: '타입', done: false },
    { id: 3, title: '스크립트', done: false },
  ];
  return todos;
}

이렇게 하면 done같은 부분에서 나중에 에러가 날거다.

 

그래서 object를 더 상세하게 타입지정한다.

 

function fetchTodoItems(): {id:number, title:string, done:boolean}[] {
  const todos = [
    { id: 1, title: '안녕', done: false },
    { id: 2, title: '타입', done: false },
    { id: 3, title: '스크립트', done: false },
  ];
  return todos;
}

 

이게 정신없으면 이렇게 정리해줘도된다.

 

interface Todo {
  id: number;
  title: string;
  done: boolean;
}

function fetchTodoItems(): Todo[] {
  const todos = [
    { id: 1, title: '안녕', done: false },
    { id: 2, title: '타입', done: false },
    { id: 3, title: '스크립트', done: false },
  ];
  return todos;
}