타입스크립트의 선언

게시 2022/05/24

By 3 분읽는 시간

타입 스크립트의 선언 방식에는 자바스크립트와 다르게 두가지 방법이 있다.

타입 추론

타입추론은 일반적인 javascript 와 차이가 없어보인다.

  
let a = "string"; // typescript 처리에서 변수 a 가 String 형태를 추론해준다.

a = "realString"; // a가 String 타입이기에 같은 타입으로 변하는 것이 가능!

a = 1; // error !

위의 코드를 살펴보면 첫번째줄에 변수 a가 선언되었을때 타입추론이 발생하여 변수 a 는 String 타입으로 정해진다.

두번째 줄에서는 같은 타입의 값을 넣었기에 변경해주는 것이 가능하다.

세번째 줄은 변수 a의 타입은 String 으로 되어 있기에 number타입의 값을 넣어주면 오류가 발생하게 된다.

명시적 타입 선언은 말 그대로 변수에 값을 직접적으로 타입을 선언시키는 것이다.

  
let myType: number = 777;

선언 방식은 변수명 옆에 : type 형태로 선언하고 값을 넣어주면 된다.

typescript의 타입종류는 기본 javascript에서 조금 더 추가 되어있는데 아래와 같은 타입이 존재한다.

  
let bool: boolean = true;

true / false 값

  
let num: number = 123;

숫자 값

  
let Hello: string = "hi";

문자열 값

  
let arr1: number[] = [1, 2];

let arr2: Array<string> = ["Hello", "World"];

배열을 두가지 방법이 있는데 첫번째는 [] 앞에 어떤 타입인지 말해주는 것이다.

두번째는 제네릭 배역 타입을 이용하여 선언하는 것

  
let tupple1: [string, number] = ["seoul", 2022];

고정된 값이다. 순서가 틀리면 안된다.

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

자료 열거형

  
let isAny: any = 10;
isAny = "string";
isAny = true;

let anyArr: any[] = [1, 2, "10", true];

any는 알지못하는 타입을 가지고 올 때 유용한 타입