TypeScript 스터디

chltndid724·2019년 12월 17일
0

TypeScript

목록 보기
3/5
post-thumbnail

왜 ? 사용하는가?

  • 자바스크립트에 타입을 지정해서 안정성이 확보됩니다.

  • 타입에 대한 예외 처리를 하지 않아도 됩니다.

if (typeof(변수) !== 'string') {
  // 예외처리
}

위 처럼 예외 처리가 빈번할수록 오버헤드가 생깁니다.
*오버헤드 : 어떤 처리를 하기 위해 들어간 간접적인 처리시간,메모리

  • JS 엔진의 최적화를 돕습니다.
	var add = function (a,b) {
      return a + b;
    }
    

자바스크립트 엔진은 a,b 가 정수형이 들어온다는 가정하에 최적화를 실행하게 되는데 갑자기 정수가 아닌 string이 들어오게 된다면 최적화가 해제가 됩니다. 이렇게 실행, 해제가 반복되면 컴퓨터가 파일을 지속적으로 검사하기에 성능이 저하됩니다.

환경설정

  • yarn add typescript ts-node

    JS 를 컴파일하지 않고 바로 터미널에 실행값을 보고 싶을때
    yarn run ts-node <파일위치> 또는 ts-node <파일위치>

  • yarn run tsc --init

    타입스크립트의 셋팅을 바로 불러와준다.

Hello world 출력

// src/test.ts

const result: string = 'hello world';

console.log(result);

result에 string으로 지정해 두게되면 'hello world'를 지우고 1을 넣으면 빨간색 밑줄이 생기면서 'string' 형식에 할당할 수 없다고 알림이 나옵니다.

ts 파일에서 yarn run tsc 또는 tsc 를 터미널에 적으면 js 파일이 생성이 됩니다. js 파일에 var 로 되어있는데 이것은 tsconfig 에서 설정에 따라서 바뀌게 됩니다.

tsconfig.json

  • target : 어떤 버전으로 할것인가 (es5,es6~~~)

  • outDir : 컴파일 한 파일들을 다른 파일에 묶어두기 위해서

    "outDir" : "./dist"

profile
힘들땐 블로그 하나더 적자!!![ Suyang ]

0개의 댓글