[Typescript] interface 정리

요즘 타입스크립트를 공부중이다.

사실 공부라기보다는.. 그냥 타입스크립트버전의 리액트를 깔고 무작정 써보고 있다.

 

 

user를 object로 선언한 후 console.log(user)를 찍어보면 잘 나오는데

프로퍼티를 정의해서 console.log(user.name)을 찍으면 에러가 난다.

  let user: object;
  user = {
    name: "tom",
    age: 15,
  };
  console.log(user.name); // 에러 발생

이럴때는 interface를 사용하면 된다고 한다.

  interface User {
    name: string;
    age: number;
  }

  let user: User;
  user = {
    name: "tom",
    age: 15,
  };
  console.log(user.name);

자주 사용되는 객체에 대한 형식은 interface로 지정해놓고 사용하면 관리측면에서도 좋을 것 같다.

 

만약 객체에 interface 객체를 할당해주면 해당 객체는 할당받은 interface 객체의 프로퍼티와 동일해야 한다.

위 User에는 name, age가 할당되었으므로 user에도 name, age가 할당되어야 하며 그렇지 않으면 에러가 난다.

 

만약 interface에서 지정한 프로퍼티를 전부 할당하지 않으려면?

물음표를 붙이면 된다.