타입스크립트 기본 타입 _ 유튜브 코딩앙마

유튜브 코딩앙마, 타입스크립트 영상을 정리한 내용입니다.

타입스크립트 기본 타입은 아래와 같습니다.

// 문자열 (타입 추론으로 생략 가능)
let car: string = 'bmw'

// 숫자
let age: number = 30;

// 숫자열 배열
let a:number[] = [1, 2, 3];
let a2:Array<number> = [1, 2, 3];

// 문자열 배열
let week1: string[] = ['mom', 'tue', 'wed'];
let week2: Array<string> = ['mon', 'tue', 'wed'];

아래는 튜플 입니다. 배열의 첫번째, 두번째 요소의 타입을 지정할 수 있습니다.

let b: [string, number];

b = ['z', 1];
b = [1, 'z']; // 에러

아래는 void, never 입니다. void 는 함수에서 아무것도 리턴하지 않을 때 사용하고, never는 에러를 반환하거나 영원히 끝나지 않는 함수 타입에 쓸 수 있습니다.

function sayHello():void{
    console.log('hello');
}

function showError():never{
    throw new Error();
}

function infLoop(){
    while(true){
        // do something .. 
    }
}

아래는 enum 타입입니다.

enum Os {
    Window,
    Ios,
    Android
}

// 이렇게 하면 Os.Window = 0, Os.Ios = 1, Os.Android = 2 입니다. 
// enum 에 수동으로 값을 주지 않으면 자동으로 0부터 시작해서 값이 할당됩니다.

enum Os {
    Window = 3,
    Ios,
    Android
}

// 이렇게 3이란 값을 수동으로 주면 아래는 4, 5가 순서대로 나옵니다. 

enum Os {
    Window = 'win',
    Ios = 'ios',
    Android = 'and'
}

// 위와 같이 문자를 매핑할 수 있으며
// 이는 아래와 같은 형태입니다.

const Os = {
    Window : 'win',
    Ios : 'ios',
    Android : 'and'
}

위와 같이 설정하고 타입을 해당 enum 으로 지정하면 특정값만 입력할 수 있습니다.

let myOs:OS;

myOs = Os.Window

null 과 undefined 는 아래와 같이 씁니다.

let a: null = null;
let b: undefined = undefined