[ 타입스크립트 4 ] 기본정리

• 변수 만들 때 타입지정

const name : string = 'kim'

• 변수명 : 타입명 이렇게 씀
• 타입 지정해놓으면 앞으로 타입이 틀렸을 때 에러남
• 타입관련 버그들을 사전 예방 가능

const name : string[] = ['kim', 'park']
const age : { age : number } = { age : 18 }

• 어레이나 오브젝트는 이렇게 지정 가능

const name :string | number = 'kim';

• 2가지 이상 타입 들어올 수 있다면 위처럼..

type nameType = string | number;
let name :nameType = 'kim';

• type 키워드를 통해 타입을 변수처럼 담아서 사용 가능

function beautifulFunction(x :number) :number{
  return x * 2
}

• 함수는 파라미터와 리턴이 어떤 타입인지 지정 가능 위처럼..

type Member = [number, boolean];
let john:Member = [100, false]

• 어레이 자료에 순서를 포함하여 어떤 자료가 들어올지 정확히 알고 지정하고 싶다면 tuple 타입
• 대괄호 안에 들어올 자료의 타입을 지정하면 됨

type MyObject = {
  [key :string] : number,
}
let human1 :MyObject = { 
  age : 50,
  weight : 100,
}

• 오브젝트안에 어떤게 들어올지 잘 모르겠으면 그냥 [key: string] 이런식으로 하면 됨
• index signature 라고 한다고 함...

class Person {
  name;
  constructor(name :string){
    this.name = name;
  }
}

• 클래스에서도 사용 가능
• 근데 컨스트럭터 밖에 변수 만들어 놓아야 함..