(2023.12.19) Typescript는 무엇일까?

타입 스크립트는 무엇일까?

Typescript는 Javascript의 단점을 보완하기 위해 만들어진 정적 타입 언어입니다.

 

자바스크립트의 단점

☑︎ 실행 시간에 결정되는 변수 타입

☑︎ 약한 타입 체크

 

타입스크립트를 사용하면서 바뀌는 것

☑︎ VS코드에서 입력하는 순간 에러 확인이 가능합니다.

☑︎ 외부 모듈의 타입 정보를 제공할 수 있습니다.

 

EX)

Javascript

function sum(a, b) {
	return a + b;
}

 

Typescript

function sum(a: number, b: number) {
	return a + b;
}

 

 

Result

//js
sum(1, "2"); // 결과값 : 12

//ts
sum("1", "2"); //number에 할당이 불가능합니다.

 

위 처럼 number 타입에 문자열을 할당할 수 없다는 에러가 발생하여 의도하지 않은 코드의 동작을 예방이 가능해집니다.

하지만 JS인 경우 오류 없이 12라는 결과값이 나오는 것을 확인 할 수 있습니다. 이때 원하지 않는 값이 나오는 것을 예방 할 수 있도록 TS를 사용하는 것입니다.

 

타입스크립트 기본 타입

타입 스크립트에 기본 타입에 대해서 알아보겠습니다. 타입스크립트는 :를 이용하여 자바스크립트 코드에 타입을 정희하는 방식을 타입 표기 라고 말합니다.

 

// Boolean
let isBool : boolean = false;

// Number
let num : number = 10;

String
let str: string = "hello";

//Array
let arr:number[] = [1,2,3];
let arr: Array<number> = [1,2,3];

 

이외에도 Typescript 타입이 많이 있지만 이외에 타입은 공부를 하면서 추가적으로 작성을 하도록 하겠습니다.