Study/FrontEnd

타입스크립트(TypeScript)란?

ujam 2021. 8. 25. 21:18
728x90
반응형

 

TypeScript란?

TypeScript는 MS에 의해서 개발과 관리되고 있는 오픈소스 프로그래밍 언어입니다.

그리고 자바스크립트의 슈퍼셋입니다. (슈퍼셋이란 A >= 일 경우, A는 B의 슈퍼셋이라고 할 수 있습니다.)

 

 

 

 

TypeScript 장점

1. 정적 타입을 지원합니다.

2. 컴파일 단계에서 에러를 포착할 수 있습니다.

3. 명시적인 타입 지정은 개발자의 의도를 명확하게 드러내주며 가독성을 높이고 디버깅이 쉬워집니다.

 

 

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

sum(1, 2); // 20

sum('1', '2'); //12

위 자바스크립트 문법은 타입을 지정하지 않은 동적 타이핑에 의한 결과입니다.

a와 b가 어떤 type인지 명시적이지 않아 의도가 명확하지 않습니다.

스트링 또는 정수형 둘 중 어떤 결과값이 나와도 에러가 없는 코드입니다.

 

 

하지만 위의 코딩을 TypeScript를 이용해본다면

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

sum('1', '2');

위 TypeScript는 명시적으로 a와 b는 number라는 type이라고 지정을 해줬습니다.

실행을 해본다면

 

error TS2345: Argument of type '"1"' is not assignable to parameter of type 'number'.

이와 같이 컴파일 단계에서 에러를 포착할 수 있습니다.

명시적으로 타입을 지정해주어 의도가 명확해지고 가독성이 높아집니다.

 

 

 

 

 

항상 부족한 부분이나 피드백할 부분을 댓글로 남겨주시면 적극적으로 수용하여 수정하겠습니다.

728x90
반응형

'Study > FrontEnd' 카테고리의 다른 글

JavaScript란?  (0) 2021.10.05
리액트 훅(React Hook)이란?  (0) 2021.09.20
리액트(React)란?  (0) 2021.09.18