3. 타입스크립트(TypeScript) - 타입(Type)

1. 사용법

→ 콜론 (:)을 써주고 타입을 적으면 된다

let a : number = 1;
let b : string = "hello";
let c : boolean = true;
let d : number[] = [1, 2]; // = let d = [1, 2];

 

2. 선택적 변수

오브젝트가 있다고 가정했을 때, 특정 요소가 어떤 오브젝트에는 없고 어떤 오브젝트에는 있다면 TS에 어떻게 선언해야 하는가?

const player : object = {
	name: "hello"
}
player.name

// 이렇게 한다면 오류가 발생한다. name은 object가 아니기 때문이다.

const player : {
	name: string,
	age: number
} = {
	name: "hello"
}

// 이렇게 작성해도 되지만, age가 없는 오브젝트의 경우 TS에서 오류가 발생한다.

따라서, 어떤 오브젝트가 특정 요소를 갖거나 가지지 않도록 하기 위해서는

const player : {
	name: string,
	age?: number
} = {
	name: "hello"
}

// 이렇게 특정 요소에 ?를 써주면 된다.
// 하지만, 이렇게 되면 age라는 요소가 있는지 없는지 모르기 때문에 다른 조건을 추가해야 한다.

if (player.age && player.age < 10) {
...
}

// 이와 같이 age라는 요소가 존재하는지 부터 검사해야 한다.
// 만약, player.age && 부분을 지우게 되면 TS가 "age"라는 요소가 Undefined 일 수 있다고 경고한다.

위와 같이 ?를 이용하는 것을 Optional Parameter(선택적 변수)라고 한다