[typescript] 1. 설치

[typescript] 1. 설치

1. typescript 실행 준비물

  1) node.js

    - 필요 이유 : typescript가 node.js 로 설치 됩니다.

  2) typescript

    - 용   도 : typescript를 javascript로 변경하는 컴파일러를 제공  합니다

    - 버   전 : 2.7.2

    - 설치 방법 : npm install -g typescript@2.7.2 (전역으로 설치)

  2) ts-node

    - 용   도 : typescript를 바로 실행하는데 사용 됩니다

- 버   전 : 3.3.0

- 설   치 : npm install -g ts-node@3.3.0

                  (최신 버전 설치를 원하 실경우 @3.3.0 을 빼시면 됩니다, 현재 최신 버전 8.0.3)

2. typescript 실행

  1) Sample 코드

/**

* @author happygrammer

*/

let hello: string = "hello typescript!";

console.log(hello);

  2) 실행 방법

    (1) 파일 컴파일 실행

      - tsc(TypeScript Compiler)

      - tsc 로 컴파일하고 node로 실행

      > tsc .\hello.ts

      > node.\hello.js

      hello typescript!

    (2) 파일 직접 실행

      - ts-node로 바로 typescript 실행

      > ts-node .\hello.ts

      hello typescript!

    (3) 프로젝트 단위로 실행 

      - 프로젝트 단위로 실행 할때는 tsc 명령어 만으로 컴파이리 가능합니다. 

      A. tsc 만 실행 할경우 

        - 프로젝트 root 디렉토리에 tsconfig.json 파일이 존재한다면 해당 파일을 읽어 프로젝트 전체를 대상으로

          컴파일 합니다. 

      B. tsc --outdir ./dist 로 실행 할경우

        - --outdir를 통하여 컴파일 결과가 담김 디렉토리를 선택하면 해당 디렉토리로 컴과일 결과가 저장됩니다. 

      * tsconfig.json 파일 구성은 차차 알아 보겠습니다.

2. typescript 개발 도구 - visual studio code(VSCode)

  - VSCode에서 제공하는 typescript 빌드 제어 파일

항목	기능
tasks.json	VSCode의작업환경(workspace)에 대한 설정 파일
tasks-project.json	tsc 명령어를 이용해 프로젝트 단위 컴파일 수행
tasks-tsc.json	tsc 명령어를 이용해 개별 타입스크립트 파일을 컴파일
tasks-tsc-watch.json	tsc 명령어에 -w 옵션을 추가해 코드 변경시 컴파일되게 합니다.
tasks-ts-node.json	ts-node 명령을 이용해 typescript 파일을 실행 합니다.