설치하기

• npm을 이용한 설치

npm install -g typescript

Typescript 파일 만들기

greeter.ts를 만들어서 javascript 코드를 입력하기

function greeter(person) {
    return "Hello, " + person;
}

let user = "Jane User";

document.body.textContent = greeter(user);

코드 컴파일하기

.ts를 사용했지만 위는 Javascript 코드이다.

tsc greeter.ts

하면 js 파일로 나오게 된다. greeter.js 파일이 된다.

그러나 이렇게 사용하면 Typescript를 사용할 필요가 없다.

function greeter(person: string) {
    return "Hello, " + person;
}

let user = "Jane User";

document.body.textContent = greeter(user);

타입 표기 (Type annotations)

Typescript는 타입 표기는 함수나 변수의 의도된 계약을 기록하는 방법이다.

function greeter(person: string) {
    return "Hello, " + person;
}

let user = [0, 1, 2];

document.body.textContent = greeter(user);

이런 경우에는 컴파일을 하면 에러가 뜬다.

error TS2345: Argument of type 'number[]' is not assignable to parameter of type 'string'.

오류가 존재하긴 하지만 greeter.js 파일은 생성이 된다. 오류가 존재하더라고 Typescript는 이용하지만 코드가 예상대로 작동하지 않을꺼라고 경고하게 됩니다.

인터페이스 (Interfaces)

내부 구조가 호환되는 두 타입은 서로 호환됩니다.