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 |