Typescript 입문 - 타입스크립트 설치하기

 

 

 

타입스크립트를 설치하기 위해서는 

먼저 Node의 버전을 체크하고 (10이상버전추천)

 

npm i typescript -g

typescript를 글로벌 설치해준다. 

 

터미널 란에 tsc를 입력해서 출력이 나온다면 정상적으로 타입스크립트 설치가 완료된 상황이다. 

 

 

 

index.ts

function sum(a: number, b: number): number{
    return a + b;
}

sum(10, 20);

 

 

타입스크립트는 자바스크립트의 슈퍼셋 언어기때문에 이를 웹상에서 사용하게 진행하려면 

컴파일 과정을 거쳐서 자바스크립트로 변환해주는 과정을 거쳐야한다. 

 

 

컴파일을 진행하면 

아래와 같은 index.js가 생성이된다.

 

 

위와같은 방식으로 node 상으로 컴파일을 진행할때 

추가적인 옵션을 줄수있는데

tsconfig.json이라는 옵션을  사용한다 

 

tsconfig.json

{
    "compilerOptions": {
        "allowJs": true,
        "checkJs": true,
        "noImplicitAny": true
    }
}

 

 

 

위의 옵션을 예로 들면

allowJs는 자바스크립트 허용 

checkJs는 @ts-check와 같은역할로써 맞지않는 타입이 들어갔을때 에러를 표시해준다. 

noImplicitAny는 모든 타입에 대해서 기본적인 any타입이라도 들어가야한다는 옵션 

 

 

또한 해당 옵션들은 해당 사이트에 잘 기술되어있다.

www.typescriptlang.org/docs/handbook/compiler-options.html

Handbook - tsc CLI Options

 

 

타입스크립트의 전반적인 테스트는 해당 사이트에서 가능하다. 

 

 

www.typescriptlang.org/play

TS Playground - An online editor for exploring TypeScript and JavaScript

 

 

www.inflearn.com/course/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%85%EB%AC%B8

타입스크립트 입문 - 기초부터 실전까지 - 인프런

해당 강의를 듣고 정리하는 내용입니다.