TypeScript 기본 타입

TS의 타입은 12가지

• Boolean
• Number
• String
• Object
• Array
• Tuple
• Enum
• Any
• Void
• Null
• Undefined
• Never

  아래에서 쓰이는 :를 사용하여 자바스크립트에 타입을 정의하는 방식을 타입표기(Type Annotaion)이라고 함

String

JS의 변수타입이 문자열인 경우 아래와 같이 사용

let str: string = 'hello';

Number

JS의 변수타입이 숫자인 경우 아래와 같이 사용

let num: number = 999;

Boolean

JS의 변수타입이 진위값인 경우 아래와 같이 사용

let visible: boolean = true;

Object

JS의 변수타입이 객체인 경우 아래와 같이 사용

let obj: object = {name:"BBAK-JUN"};

Array

JS의 변수타입이 배열인 경우 아래와 같이 사용

let arr: Array = [1,2,3];

또는 제너릭을 사용하여

let arr: Array<number> = [1,2,3];

Tuple

JS의 변수타입이 튜플인 경우 아래와 같이 사용

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

let tuple: [string,number] = ['hello',999];

정의하지 않은 타입 인덱스로 접근하면 오류가 발생함

Enum

Enum은 C,Java와 같은 다른언어에서 흔하게 사용되는 타입으로 특정값(상수)들의 집합을 의미함

JS의 변수타입이 Enum인 경우 아래와 같이 사용

enum myTeam {ME,FREIND}
let hero: myTeam = myTeam.ME;

Enum은 인덱스 번호로도 접근 가능

enum myTeam {ME,FREIND}
let hero: myTeam = myTeam[0]; // ME

인덱스를 사용자 편의대로 변경이 가능하다

enum myTeam {ME = 3,FREIND}
let hero: myTeam = myTeam[3]; // ME
let hero: myTeam = myTeam[4]; // FREIND

Any

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

let str: any = 'hello';
let num: any = 10;
let arr: any = [1,2,3];

Void

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

let str: any = 'hello';
let num: any = 10;
let arr: any = [1,2,3];

Never

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

let str: any = 'hello';
let num: any = 10;
let arr: any = [1,2,3];