typescript 기본 문법 정리

1. 변수 타입 지정

const 이름 : string = "kim";

이런식으로 변수에 타입 지정 가능 타입 종류는

string
number
boolean
null
undefined
bigint
[]
{}

등이 있다. 응용해서

const 이름: string[] = ["kim", "park"];

이렇게 사용하여 어레이인데 문자만 들어가는 어레이 형식을 작성 할 수 있다.
오브젝트의 경우에는

const 이름: { name : string } = { name :"kim"};
const 이름: { name? : string } = { name :"kim"}; //물음표는 옵션, name일 수도 아닐수도 있고 할 때

이런식으로 사용한다.

2. 다양한 타입이 들어올 수 있게 하는 Union type

| = or 로 두가지 이상 타입들을 지정도 가능하다. 타입을 합쳐 새로운 타입을 만드는 것이라 원래라면 string + 1 혹은 number + 1 은 다 가능하지만

const 나이 : string|number;
나이 + 1

같은 변수는 오류가 나타난다.

3. 타입을 변수에 담아 쓸 수 있게하는 Type alias

type Name = string | number;
const 이름 :Name = 123;

이렇게 type 변수이름 = 타입 을 넣어 변수를 만들어서 사용 할 수 있다. 타입명은 보통 대문자로 시작하는 변수명을 많이 사용한다.

4.함수에 타입을 지정 할 수 있음

function 함수(x: number) :number//여기 쓴건 리턴되는 값의 타입 {
	return x * 2
}

이런식으로 함수에도 타입 지정 가능하다.

5.array에 쓸 수 있는 tuple 타입

array 자료 안에 순서를 포함해서 어떤 자료가 들어올지 정확히 지정하고 싶으면

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

이런식으로 사용하면 되는 tuple 타입을 사용한다.

6.object에 지정해야할 타입 속성이 너무 많을 땐 index signature

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

이렇게 key값을 선언 후 지정 가능

7.class에 타입지정

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

이런식으로 사용한다.