본문 바로가기
Typescript

[TS] 타입스크립트 데이터 타입의 종류

by IT 정복가 2023. 10. 30.
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

 

TypeScript의 데이터 타입과추론 - 생활코딩

왜 데이터 타입이 그렇게 중요한가? 자바스크립트의 변수에는 어떤 데이터 타입의 값도 할당 될 수 있습니다. 예를들어봅시다. let myname = 'egoing'; 그런데 누군가 myname을 실수로 아래와 같이 변경

opentutorials.org

 

728x90

'Typescript' 카테고리의 다른 글

[TS] type VS interface 차이점  (1) 2023.11.01
[TS] 타입스크립트를 사용하는 이유  (0) 2023.10.30