728x90
let myname:string = "lee";
위의 코드처럼 타입스크립트는 변수 선언 시 데이터 타입을 지정한다.
이렇게 하면 타입스크립트를 자바스크립트로 컴파일 할 때 데이터 타입에 다른 값이 할당되려 할 때 오류를 발생시켜 개발자에게 알려준다.
이를 통해 코딩할 때 버그를 잡을 수 있다.
타입스크립트 데이터 타입 종류
기본 데이터 타입
- number: 숫자 타입으로, 정수와 실수를 포함
- string: 문자열 타입
- boolean: 참(true)과 거짓(false)을 나타내는 불리언 타입
- null: 값이 없음을 나타내는 타입
- undefined: 값이 할당되지 않은 변수의 기본값인 타입
사용 예시)
//number 타입
let age:number = 30;
//string 타입
let car:string = 'bmw';
//boolean 타입
let isAdult:boolean = true;
//null 타입
let a:null = null;
//undefined 타입
let b:undefined = undefined;
객체 타입
- object: 객체를 나타내는 타입
- array: 동일한 타입의 요소를 가진 배열을 나타내는 타입
- tuple: 각 요소가 다른 타입을 가질 수 있는 배열을 나타내는 타입 (TS 전용)
사용 예시)
//array 타입
let a:number[] = [1,2,3];
let a2:Array<number> = [1,2,3];
//tuple 타입
let b:[string, number];
b = ['z',1];
특수 타입
- any: 어떠한 타입이든 할당될 수 있는 타입 (TS 전용)
- unknown: 타입을 미리 알 수 없는 경우에 사용되는 타입 (TS 전용)
- never: 절대 발생하지 않는 값의 타입 예를 들어, 함수가 항상 예외를 발생시키거나 무한 루프를 실행할 때 이 타입을 사용 (TS 전용)
사용 예시)
//any 타입
let every:any = 3;
//never 타입
function showError():never{
throw new Error();
}
function infLoop():never{
while(true){
//...
}
}
타입 추론 기능
타입스크립트는 타입 추론 기능을 통해 변수의 타입을 자동으로 판단할 수 있다.
즉, 명시적으로 타입을 지정하지 않아도 컴파일러가 초기에 할당된 값을 바탕으로 변수의 타입을 추론한다.
let age = 30;
위 코드에서 age 변수에 명시적으로 타입을 지정하지 않았지만 초기 값으로 30을 할당했다.
이때 타입스크립트는 age 변수의 타입을 자동으로 number라고 추론한다.
타입 추론은 코드를 간결하게 작성할 수 있도록 도와주지만, 때로는 명시적으로 타입을 지정하는 것이 더 명확할 수 있다. 타입 추론이 모호한 경우나 복잡한 로직에서는 타입을 명시해주는 것이 좋다.
이렇게 타입스크립트의 데이터 타입을 이용하면, 코드의 안정성을 높이고 개발자들이 더 효율적으로 협업할 수 있다.
참고:https://opentutorials.org/course/5080/32297
728x90
'Typescript' 카테고리의 다른 글
[TS] type VS interface 차이점 (1) | 2023.11.01 |
---|---|
[TS] 타입스크립트를 사용하는 이유 (0) | 2023.10.30 |