TypeScript는 MS에서 개발한 JavaScript의 superset인 프로그래밍 언어로서 TypeScript는 JavaScript의 모든 기능을 포함하면서 JavaScript에 포함되지 않은 타입 시스템을 지원한다. 타입 시스템을 사용함으로써 보다 안정적인 개발을 할 수 있다.
. npm install -g typescript
프로젝트와 상관없이 전역으로 ts를 설치하는 명령어
. tsc app.js
tsc[type script compiler] app.js [compile할 ts 파일 이름]을 터미널에서 실행한다.
. tsc --init
"Duplicate function implementation." error를 해결하기 위해 위의 명령어를 터미널에서 실행한다.
(VSC의 bug 같은것으로 보면 된다.)
. tsc -w
-w는 watch의 줄임말로 ts로 작성된 코드의 변경을 감시하여 자동으로 js로 complie 할 수 있도록 도와준다.
function add (a, b) {
return a + b;
}
console.log(add("3", "5"));
// error가 발생하지 않고 "35"를 출력한다.
function add (a: number, b:number) {
return a + b;
}
console.log(add("3", "5"));
// type에 맞지 않은 argument가 입력되어 compile type error가 발생한다.
타입 표기
: 변수값에 데이터 타입을 지정 가능하여 코드를 예측하기 쉽고 디버깅하기 쉽다.객체지향적
: ts는 js에 전통적인 객체 지향 타입을 사용하기 위한 시도로 만들어진 언어로 Class, 상속 등의 개념을 사용할 수 있다.컴파일 타임 오류
: ts는 프로그래밍 언어인 동시에 Compiler로서 역할도 한다.(ts → js)출처: YOUTUBE-땅콩코딩