타입스크립트로 변수나 함수같은 자바스크립트 코드에 타입을 정의할 수 있습니다 .
1. String
let str: string = 'hi;
자바스크립트 변수의 타입이 문자열인 경우 위와 같이 선언해서 사용합니다.
2. Number
let num: number = 2
타입이 숫자이면 위와 같이 선언해서 사용합니다.
3. Boolean
let isLoggedIn: boolean = false;
타입이 진위 값인 경우에는 위와 같이 선언합니다.
4. Array
let arr: number[] = [1,2,3];
타입이 배열인 경우 간단하게 위와 같이 선언합니다.
let arr: Array<number> = [1,2,3];
제네릭을 사용해서 이렇게 표현할 수도 있습니다.
5. Tuple
튜플은 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미합니다.
let arr: [string, number] = ['hi', 10];
6. Enum
이넘은 C, Java와 같은 다른 언어에서 흔하게 쓰이는 타입으로 특정 값(상수)들의 집합을 의미합니다.
enum Avengers { Capt, IronMan, Thor }
let hero: Avengers = Avengers.Capt;
이넘은 인덱스 번호로도 접근할 수 있습니다.
enum Avengers { Capt, IronMan, Thor }
let hero: Avengers = Avengers[0];
7. Any
기존에 자바스크립트로 구현되어 있는 웹 서비스 코드에 타입스크립트를 점진적으로 적용할 때 활용하면 좋은 타입입니다. 단어 의미 그대로 모든 타입에 대해서 허용한다는 의미를 갖고 있습니다.
let str: any = 'hi';
let num: any = 10;
let arr: any = ['a', 2, true];
8. Void
변수에는 undefined와 null만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입입니다.
let unuseful: void = undefined;
function notuse(): void {
console.log('sth');
}
'타입스크립트' 카테고리의 다른 글
[TypeScript] - 타입 추론 (0) | 2022.07.17 |
---|---|
[TypeScript] - 제네릭 (0) | 2022.07.05 |
[TypeScript] - 연산자를 이용한 타입 정의 (0) | 2022.03.30 |
[TypeScript] - 인터페이스 (InterFace) (0) | 2022.03.22 |
[TypeScript] - 타입스크립트란 ? (0) | 2022.02.11 |