TypeScript Essentials - ch.1 TypeScript (1) ~ (4)

1. TypeScript란 무엇인가

• 타입을 추가해서 자바스크립트를 확장
• 자바스크립트를 이해함으로써 코드를 진행하기 전, 에러를 잡거나 고치는데 시간을 절약해줌
• 어떤 브라우저, os, 자바스크립트 실행환경에서 사용 가능
• 오픈 소스
• Compiled Language
  (전통적인 Compiled Language과는 다름, 그래서 Transpile 용어를 자주 씀)

Compiled와 Interpreted 차이점

2. TypeScript 설치 및 이용

자바스크립트 실행 환경 설치

node.js

크롬 V8 자바스크립트 엔진을 사용하여, 자바스크립트를 해석하고 OS 레벨에서의 API를 제공하는 서버사이드 용
자바스크립트 런타임 환경

browser

HTML을 동적으로 만들기 위해 브라우저에서 자바스크립트를 해석하고 DOM을 제어할 수 있도록 하는 자바스크립트 런타임 환경

npm / VS Code

• npm
  • npm i typescript -g
  • node_modeules/.bin/tsc
  • tsc source.ts
• VS Code plugin 설피
  • VS Code 2017 / 2015 update 3 이후로는 디폴트로 설치되어져 있음
  • 아니면 설치

node.js 설치 => browser(크롬) 설치 => 타입스크립트 컴파일러 설치

3. VS Code 설치 및 설정

Visual Studio Code

TypeScript Compiler

• 컴파일러가 내장되어 있음
• 내장된 컴파일러 버전은 vs code가 업데이트 되면서 올라감
  (컴파일러 버전과 vs code의 버전은 상관관계가 있음)
• 내장된 컴파일러를 선택할 수 있고, 직접 설치한 컴파일러를 선택도 가능

4. First Type Annotation

자바스크립와 가장 차별되는 고유의 타입스크립트 기능

변수를 선언할 때 타입을 지정할 수 있으며, 지정하지 않은 타입은 자동으로 지정해줌

let a: string;

a = "dongdu";

a = 39;

function hi(b: number) {
    console.log(b);
}
hi(1);
hi('hi');