Typescript의 데이터 타입과 추론

1. Typescript의 데이터 타입과 추론

Javascript 변수에는 어떤 데이터 타입의 값도 할당 될 수 있다. 예를들면 다음과 같다.

출처 : 생활코딩

실습 : TS Playground

// JS

let hello = 2;
console.log(hello); // 2

hello = "Hello World";
console.log(hello); // Hello World

• Javascript 에서 변수에 할당된 값이 바뀌면 새로 적용시켜서 콘솔에 출력할 수 있게 된다. 이때, Typescript의 경우라면 어떨까?

// TS

let hello:Number = 2;
console.log(hello); // 2

hello = "hello World";
console.log(hello); // TypeError

• Typescript 에서 hello 라는 변수에 Number 타입을 지정했고 그 안에 2라는 숫자 데이터를 할당했다. 이제 여기서 hello 변수에 숫자 타입을 문자열로 바꿔서 새로 할당하려 하면, 컴파일 에러가 발생하게 된다.

2. Typescript 데이터 타입 종류

• Typescript도 기본적으로 Javascript 처럼 다양한 데이터 타입의 종류를 지원하는데 그 종류는 다음과 같다.

2-1) 기본 데이터 타입

number: 숫자 타입으로, 정수와 실수를 포함
string: 문자열 타입
boolean: 참(true)과 거짓(false)을 나타내는 논리형 데이터
null: 값이 임의적으로 없다는 것을 나타내는 타입
undefined: 값이 할당되지 않은 변수의 기본값인 타입

2-2) 객체 데이터 타입

object: 객체를 나타내는 타입
array: 동일한 타입의 요소를 가진 배열을 나타내는 타입
tuple: 각 요소가 다른 타입을 가질 수 있는 배열을 나타내는 타입 (TS 에서만 사용가능)

2-3) 특수 데이터 타입

any: 어떠한 타입이든 할당될 수 있는 타입 (TS 에서만 사용가능)
unknown: 타입을 미리 알 수 없는 경우에 사용되는 타입으로, 안전한 타입 검사를 위해 사용한다. (TS 에서만 사용가능)
never: 절대 발생하지 않는 값의 타입을 말하며, 예를 들어, 함수가 항상 예외를 발생시키거나 무한 루프를 실행할 때 이 타입을 사용할 수 있다. (TS 에서만 사용가능)

3. 타입 추론 기능

let age = 30;

• age 라는 변수에 30 이라는 값을 할당해서 전달해줬지만 타입스크립트는 추론 기능을 통해 변수의 타입을 자동으로 판단할 수 있다는 장점이 있다. 즉, 명시적으로 타입을 지정하지 않아도 타입스크립트 컴파일러가 초기에 할당된 값을 바탕으로 변수의 타입을 추론할 수 있는 것이다. 타입 추론은 코드를 간결하게 작성할 수 있도록 도와주지만, 때로는 명시적으로 타입을 지정하는 것이 더 명확한 코드를 작성하는데 도움이 되며, 타입 추론이 모호한 경우나 복잡한 로직에서는 타입을 명시해주는 것이 좋다.