TS) 타입 지정

변수 선언

- 변수에 타입을 지정할 수 있다.

- 해당 코드와 같이 지정된 타입이 아닌 다른 타입의 값을 할당할 때, 에러가 나온다.

- 지정할 수 있는 타입에는 string, number, boolean, null, undefined, bigint, [], {} 등이 있다.

let str: string = 'hi';
let num: number = 1;
let flag: boolean = true;
let any: any;

 

 

array 타입 지정

- array 타입으로 지정할 때는, array 안의 요소의 타입까지 지정해 줘야한다.

let arr1: number[] = [1,2,3,4,5];
let arr2: string[] = ['a','b','c','d'];
let arr3: Array<number> = [1,2,3,4,5];

 

object 타입 지정

- object 타입으로 지정할 땐, 키에 대한 타입을 지정해준다.

- 키옆에 ?를 넣어주면, 키값이 들어올 수도 있고 안들어올 수 있게 지정 할 수 있다.

let obj : { name : string, age: number } = { name: "lettuce", age : 30};

 

union 타입 지정

- 다양한 타입이 들어올 수 있게 하려면 | (or) 기호를 사용하여 union 타입을 지정할 수 있다.

let age: number | string;
age = 10;
age = 'a';

 

함수의 타입 지정

- 파라미터와 리턴값에 대해서 타입지정을 해준다.

function add( a: number, b : number) : number {
    return a + b;
}

 

 

인터페이스 활용 타입 지정

- interface는 자주 사용하는 타입들을 object 형태의 묶음으로 정의해 새로운 타입을 만드는 기능이다.

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

 

 

Enum 타입 지정

- Enum 이란 열거형으로 이름이 있는 상수들의 집합을 정의할 수 있다.

- 열거형을 사용하면 의도를 문서화 하거나 구분되는 사례 집합 만들수 있다.

-TypeScript는 숫자와 문자열-기반 열거형을 제공한다.

export const Status = {
	TODO = "todo",
    DOING = "doing",
    DONE = "done",
}

const TodoStatus = Status.DOING;
console.log(TodoStatus)