타입스크립트란?
•
자바스크립트에 타입을 부여한 언어
•
자바스크립트의 확장된 언어
•
자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 한번 변환해주어야함 (컴파일)
왜 타입스크립트를 쓰면 좋은가?
에러의 사전 방지
코드 가이드 및 자동 완성(개발 생산성 향상)
자바스크립트에 타입이 있을 때의 장점
Jsdoc 문법에 따라 주석을 작성하면 해당 객체의 어떤 프로퍼티가 들어있는지 코드상에서(편집기 상에서) 확인할 수 있다.
프로퍼티명을 작성할 때 오타가 났을 경우 실행시키기 전에 편집기 상에서 오타가 났는지 확인할 수 있다.
자바스크립트를 타입스크립트처럼 코딩하는 방법
Jsdoc과 @ts-check를 이용한다
// @ts-check
// ㄴ> 마치 타입스크립트를 쓴것과 같은 효과를 준다 (타입 오류를 검증해서 알려준다)
/**
*
* @param {number} a 첫번째 숫자
* @param {number} b 두번째 숫자
*/
function sum(a, b) {
return a + b;
}
sum(10, '20'); //ts파일이 아닌 js파일일 경우 타입오류를 알아채지 못한다.
JavaScript
복사