타입스크립트의 기본 사용방식

아래 내용은 자바스크립트에 대한 기본 지식이 있다는 것을 전제로 한다.

🎯 타입스크립트 기본 사용방식

let str: string = 'TypeScript';
let num: number = 2024;
let bool: boolean = true;

위와 같이 :를 사용하여 자바스크립트 코드에 타입을 입히는 방식을 타입 표기라고 한다.

만약 타입이 배열인 경우에 아래와 같이 선언하면 된다. 제네릭 방법은 이후에 더 자세히 다뤄보도록 하자.

let arr: number[] = [1, 2, 3]; // 배열 선언 방식
let arr: Array<number> = [1, 2, 3]; // 제네릭 방식

튜플은 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미한다.

let arr: [string, number] = ['Hi', 2024];
return arr[3]; // Error

Enum은 C, Java에서는 흔하게 쓰이는 타입으로 특정 값들의 집합을 의미한다.

enum Avengers {
  Capt,
  IronMan,
  Thor,
}
let hero: Avengers = Avengers.Thor;

만약 원한다면 Enum의 인덱스를 사용자 편의로 변경하여 사용할 수도 있다.

enum Avengers {
  Capt = 2,
  IronMan,
  Thor,
}
let hero: Avengers = Avengers[2]; // Capt

기존에 자바스크립트로 구현되어 있는 웹 서비스 코드에 타입스크립트를 점진적으로 적용할 때 활용하면 좋은 타입이다. 단어 의미 그대로 모든 타입에 대해서 허용한다는 의미를 갖고 있다.

let str: any = 'hi';
let num: any = 10;

반환 값이 없는 함수의 반환 타입이다. return이 없거나 return이 있더라도 반환하는 값이 없으면 함수의 반환 타입을 void로 지정한다.

function printSomething(): void {
  console.log('sth');
}

function returnNothing(): void {
  return;
}