TypeScript는 왜 사용할까?
버그를 줄일 수 있기 때문에 유지보수가 쉬워지고, 이는 곧 질 좋은 코드이니까!
TypeScript는 JavaScript의 Superset!
TypeScript는 완전히 새로운 언어가 아니다.
JavaScript를 기반으로 한 언어라는 뜻.
TypeScript는 JavaScript 코드를 보다 쉽게, 강력하게 작성하도록 도와주는 좀 더 나은 버전의 JavaScript이다.
TypeScript의 특징: 타입 표기
JavaScript와는 달리, 변수를 정의할 때 데이터 타입을 지정할 수 있다.
타입을 표기하면 코드가 좀 더 예측 가능하며, 디버깅하기가 쉽다.
아래 코드를 보면, 왜 타입을 표기하는 것이 좋은지 알 수 있다.
// JavaScript
function add(a, b){
return a + b;
}
console.log(add('3', '5')); // 결과는 35, 어떤 에러 메시지도 출력하지 않음
// TypeScript
function add(a: number, b: number){
return a + b;
}
console.log(add('3', '5')); // 컴파일 에러 메시지 출력
JavaScript로 작성된 코드는 argument가 string이라도 어떤 에러 메시지도 출력하지 않고,
string을 합쳐버린다.
반면, TypeScript는 parameter의 type이 number이기 때문에,
argument에 string을 넣은 경우, 컴파일 에러 메시지를 출력한다.
*컴파일 에러는 무엇일까?
말그대로, 컴파일 시 나타나는 에러이다.
컴파일은 어떤 언어의 코드를 다른 언어로 바꿔주는 변환 과정이다.
TypeScript는 JavaScript 환경에서 실행될 수 없다.
왜냐하면, JavaScript가 실행될 수 있는 브라우저가 TypeScript 코드를 이해하지 못하기 때문이다.
그래서 TypeScript로 작성된 코드는 JavaScript로 컴파일 되어야 한다.
즉, TypeScript는 프로그래밍 언어이자, TypeScript를 JavaScript로 바꿔주는 컴파일러이다!
이 포스팅은 아래 링크를 참고하여 작성했습니다.
'Front-end > TypeScript' 카테고리의 다른 글
| TypeScript: 기초 of 기초 (0) | 2020.10.31 |
|---|