react - Typescript

1)

2012년에 발표된 오픈소스 프로그래밍 언어

대규모 javascript 애플리케이션 개발을 목적

마이크로 소프트에 의해 개발

 

javascript : 타입이 동적인 언어

typescript : 정적인 언어

let num = 10

num = "green"

 

typescript => javascript

app.ts => tsc app.ts => app.js

 

-타입스크립트 설치하지 않고 연습할 수 있는 사이트

https://www.typescriptlang.org/play

TS Playground - An online editor for exploring TypeScript and JavaScript

 

2) 타입스크립트 컴파일러

환경설정 npm install -g typescript

npm install -g typescript
npm init

tsc hello.ts --target es6

tsconfig.json 파일생성

{
    // 포함되어질 파일을 지정
    "include": ["src/**/*.ts"],
    // 노드패키지는 컴파일 대상에서 제외
    "exclude": [
        "node_modules"
    ],
    // 타입스크립트 컴파일러에 대한 옵션지정
    "compilerOptions": {
        // 모듈에 대한 옵션
        "module":"es6",
        // 모듈의 루트가 되는 폴더
        "rootDir":"src",
        // 컴파일된 파일들의 최상위 폴더
        "outDir":"dist",
        // 자바스크립트 구문 지정
        "target":"es6",
        // 원본타입스크립트를 나타낼지 지정
        "sourceMap": false,
        // 컴파일시 주석 제거하기 지정
        "removeComments": true,
        // 타입을 지정하도록 지정
        "noImplicitAny": true
    }
}

 

3)

변수

let num: number = 30

let str: string = "green"

 

let numbers: number []

let number2: Array<number>