[타입스크립트] 내용 정리

interface는 한마디로 객체를 정리하는것이다.

타입스크립트는 정적 검사기로 코드를 실행하지 않고 오류를 처리하는 것이다.

그러기 위해서 컴퓨터도 이것을 제대로 알아야 하는데,

이를 위해서 입력값이나 반환값을 컴퓨터도 알아야 한다.

그래서 해당 내용을 interface를 통해 입력값을 정해주는 것이다.

 

const user = {
  name: "Hayes",
  id: 0,
};

// 요렇게도 가능하지만 그냥 보통

interface User {
  name: string;
  id: number;
}
// 인터페이스 명확하게 쓴다.

const user: User = {
  name: "Hayes",
  id: 0,
};

물론 클래스도 적용이 가능하다.

 

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

class UserAccount {
  name: string;
  id: number;

  constructor(name: string, id: number) {
    this.name = name;
    this.id = id;
  }
}

const user: User = new UserAccount("Murphy", 1);

// @noErrors
interface User {
  name: string;
  id: number;
}
// ---cut---
function getAdminUser(): User {
  //...
}

function deleteUser(user: User) {
  // ...
}

이렇게 내용을 정리한다.

 

그리고 타입스크립트에서 타입을 정할때 제일 많이 쓰는 것이 유니언과 제네릭이다.

 

유니언

type MyBool = true | false;

function getLength(obj: string | string[]) {
  return obj.length;
}

제네릭

제네릭은 타입에 변수를 제공하는 방법

type StringArray = Array<string>;
type NumberArray = Array<number>;
type ObjectWithNameArray = Array<{ name: string }>;

 

일단 여기까지.