타입스크립트 기본 타입

타입스크립트 기본 타입

타입스크립트의 기본 타입에는 크게 다음 12가지가 있다 하나하나 알아보자.

String

자바스크립트 변수의 타입이 문자열인 경우 아래와 같이 선언해서 사용한다.

let str: string = 'hi';

Number

자바스크립트 변수의 타입이 숫자인 경우 아래와 같이 선언해서 사용한다.

let num: number = 10;

Boolean

자바스크립트 변수의 타입이 Boolean인 경우 아래와 같이 선언해서 사용한다.

let isLoggedIn: boolean = false;

Array

자바스크립트 변수의 타입이 배열인 경우 아래와 같이 선언해서 사용한다.

let arr: number[] = [1,2,3];
// 또는 제네릭을 사용할 수 있다.
let arr: Array<number> = [1,2,3];

Tuple

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

let arr: [string, number] = ['hi', 10];

Enum

이넘은 C, Java와 같은 다른 언어에서 흔하게 쓰이는 타입으로 특정 값(상수)들의 집합을 의미합니다.

enum Color {Red, Green, Blue}
let c: Color = Color.Green;

enum은 0부터 시작하여 멤버들의 번호를 매깁니다. 멤버 중 하나의 값을 수동으로 설정하여 번호를 바꿀 수 있습니다.

enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green;

또는, 모든 값을 수동으로 설정할 수 있습니다

enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green;

enum의 유용한 기능 중 하나는 매겨진 값을 사용해 enum 멤버의 이름을 알아낼 수 있다는 것입니다. 예를 들어, 위의 예제에서 2라는 값이 위의 어떤 Color enum 멤버와 매칭되는지 알 수 없을 때, 이에 일치하는 이름을 알아낼 수 있습니다

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];

console.log(colorName); // 값이 2인 'Green'이 출력됩니다.

Any

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

let str: any = 'hi';
let num: any = 10;
let arr: any = ['a', 2, true];

Void

변수에는 undefined와 null만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입입니다.

let unuseful: void = undefined;
function notuse(): void {
  console.log('sth');
}

Never

함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입입니다.

// 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
function neverEnd(): never {
  while (true) {

  }
}

출처
https://typescript-kr.github.io/pages/basic-types.html
https://joshua1988.github.io/ts/guide/basic-types.html#void