기본지식
•
메인 룰
◦
타입스크립트는 최종적으로 자바스크립트로 변환된다
•
순전한 타입스크립트 코드를 돌릴 수 있는 것은 demo이나, 대중화되지가 않았음
•
브라우저, 노드는 모두 js파일을 실행한다
•
타입스크립트는 언어이자 컴파일러(tsc)이다. 컴파일러는 ts 코드를 js로 바꿔준다
•
tsc는 tsconfig.json(tsc —init 시 생성)에 따라 ts 코드를 js(tsc 시 생성)로 바꿔준다
•
input인 ts와 아웃풋인 js 모두에 영향을 끼치므로 tsconfig.json 설정을 반드시 봐야한다
•
tsconfig.json에서 그냥 esModuleInterop: true, strict: true 두 개만 주로 켜놓는 편, strict: true가 핵심
•
ts 파일을 실행하는 게 아니라 결과물인 js 실행해야 한다
Why TypeScript?
1. 에러의 사전 방지
•
타입의 헷갈림 방지
2. 코드 자동 완성과 가이드
•
타입스크립트의 또다른 장점은 코드를 작성할 때, 개발 툴의 기능을 최대로 활용할 수 있다는 것이다.
// math.js
function sum(a, b) {
return a + b;
}
var total = sum(10, 20);
total.toLocaleString();
JavaScript
복사
// math.ts
function sum(a: number, b: number): number {
return a + b;
}
var total = sum(10, 20);
total.toLocaleString();
TypeScript
복사
→ math.ts에서는 변수 total 에 대한 타입이 지정되어 있기 때문에, vscode에서 해당 타입에 대한 API를 미리 보기로 띄워줄 수 있다.
→ 따라서 API를 다 일일이 치는 것이 아니라 tab으로 빠르고 정확하게 작성해 나갈 수 있다