이다닷

[TypeScript] Day 1 - 데이터 타입과 추론 본문

TypeScript

[TypeScript] Day 1 - 데이터 타입과 추론

이다닷 2023. 11. 14. 18:00

📌자바스크립트의 변수 데이터 타입 오류

ex) let myname = 'egoing';

      myname = 1;

 -> 이러한 문제를 사전에 막아주지 못하고, 프로그램을 하던 중 나중에 버그를 발견하게 된다. 이로 인해서 큰 문제가 생길 수가 있다.

 

  -> 타입스크립트로 이러한 문제를 해결할 수 있다.

 

변수에 데이터 타입을 지정하는 방법

타입스크립트는 변수 선언 시 데이터 타입을 지정한다. 이렇게 하면 타입스크립트를 자바스크립트로 컴파일 할 때 데이터 타입에 다른 값이 할당되려 할 때 오류를 발생시켜 개발자에게 알려준다. 이를 통해서 코딩을 할 때 버그를 잡을 수 있다.

 

ex) 

let myname = 'egoing';
 
// 오류 발생
myname = 1;

 

데이터 타입의 종류

number : 숫자 타입, 정수와 실수를 포함한다.

string : 문자열 타입이다.

boolean : 참(true)과 거짓(false)를 나타낸다.

null : 값이 없음을 나타낸다.

undefined : 값이 할당되지 않았으며, default를 나타낸다.

 

객체 타입

object : 객체를 나타내는 타입

array : 동일한 타입의 요소를 가진 배열을 나타내는 타입

tuple : 각 요소가 다른 타입을 가질 수 있는 배열 (TypeScript에만 있다.)

 

 특수 타입

any : 어떤 타입이든 할당될 수 있다. (TypeScript에만 있다.)

unknown : 타입을 미리 알 수 없는 경우에 사용된다. 안전한 타입 검사를 위해 사용된다. (TypeScript에만 있다.)

never : 절대 발생하지 않는 값의 타입을 나타낸다. (TypeScript에만 있다.)

            -> ex) 함수가 항상 예외를 발생시키거나 무한 루프를 실행할 때 사용.

 

타입 추론 기능

let age = 30;

 

  예를들어, 이런 문장이 있을 때, 명시적으로 타입을 지정하지는 않았지만, 타입스크립트 컴파일러가 초기에 할당된 값을 바탕으로 변수의 타입을 추론해준다.

  위 코드에서는 age 변수에 초기 값으로 숫자 30을 할당했다. 따라서, 타입스크립트가 age 변수의 타입을 자동으로 number으로 추론한다.