front-end

type-script-기본-타입

BE_규원 2024. 12. 17. 18:54

들어가기

  • JavaScript 는 런타임에 타입 추정이 이루어지기에 자료형을 지정해주지 않아도 된다.

 

  • 이는 유연하다는 장점이 있지만, 예기치 못한 예외를 조기에 컴파일 타임에서 발견할 수 없으며
    발생되는 예외를 런타임에서 잡아야 하기에 발생하는 예외에 대해서 해결하기 어렵다는 단점이 있다.

 

  • TypeScript 는 위와 같은 JavaScript 의 단점을 보완하고자 Type 지정을 명시적으로 하는 언어이다.

 

  • TypeScript 는 브라우저에서 바로 동작시켜볼 수 없으며, 컴파일 과정을 거쳐 JavaScript 로 변환 후에 동작시켜야 한다.

기본 타입

  1. number
let age:number = 30;
  1. boolean
let isSomething:boolean = true;
  1. string
let message:string = "test message";
  1. array
// number
let array:number[] = [1, 2, 3];
let array:Array<number> = [1, 2, 3];

// string
let messages:string[] = ["test", "message"];
let messages:Arrray<string> = ["test", "message"];
  1. tuple
let tuple:[number, string];
tuple = [1, "test"]; // ok
tuple = ["test", 1] // error
  1. void
function print():void{
    console.log("test message"); 
}
  1. never
function throwError():never{
    throw new Error();
}

function infiniteLoop():never{
    while (true) {
        // do something
    }
}
  1. enum
enum Os {
  Window,
  Ios,
  Android
}

let myOs:Os = Os.Window
  1. null
let var:null = null;
  1. undefined
let var:undefined = undefined;