타입스크립트로 변수나 함수와 같은 자바스크립트 코드에 타입을 정의할 수 있습니다.
타입스크립트의 기본 타입에는 크게 다음 12가지가 있습니다.
- Boolean
- Number
- String
- Object
- Array
- Tuple
- Enum
- Any
- Void
- Null
- Undefined
- Never
String
자바스크립트 변수의 타입이 문자열인 경우 아래와 같이 선언해서 사용합니다.
// 문자열
const str: string = 'hello';
Number
타입이 숫자이면 아래와 같이 선언합니다.
// 숫자
const num: number = 10;
Boolean
타입이 진위 값인 경우에는 아래와 같이 선언합니다.
// 진위값
let isLogin: boolean = false;
Object
타입이 객체면 아래와 같이 선언합니다.
let obj:object = {};
let person:object={
name:'capt',
age:30
}
let personTwo:{name:string,age:number}= {
name:'intae',
age :30
}
Array
타입이 배열인 경우 간단하게 아래와 같이 선언합니다.
//TS 배열
let arr:Array<number> = [1,2,3];
let heroes:Array<string> = ['cat','thor','hulk'];
let items: number[] = [1,2,3];
Tuple
튜플은 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미합니다.
//TS 튜플
let addressInfo: [string,number] = ['bundang',100];
Void
변수에는 undefined와 null만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입입니다.
let unuseful: void = undefined;
function notuse(): void {
console.log('sth');
}
Never
함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입입니다.
// 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
function neverEnd(): never {
while (true) {
}
}
'js > TypeScript' 카테고리의 다른 글
TypeScript - 이넘(Enums) (0) | 2022.07.27 |
---|---|
TypeScript - 인터페이스 (0) | 2022.07.27 |
TypeScript - 함수 (0) | 2022.07.27 |
TypeScript - Union Type (0) | 2022.07.27 |
TypeScript - TypeScript란? (0) | 2022.07.26 |