TypeScript - 기초

TypeScript

자바스크립트는 weakly type으로 약하게 타입된 언어이기 때문에 아래와 같은 코드를 적어도 문제가 되지 않는다.

let value = 5;
value = '안녕하세요';
value = [1,2,3,4,5]
value = null

이와 같이 숫자를 선언했다가 배열을 담고 null을 담아줘도 문제가 없다.
자바스크립트가 가지고 있는 문제는 코드가 실행되어야 문제가 있는지 없는지 알 수 있다.

TypeScript를 사용하게 되면 위와 같은 문제를 알 수 있다.
compile단계를 거치면서 실행하기 전에 문제를 알 수 있다.
또한 IDE에서 많은 도움을 받을 수 있다.

즉, 만약에 사소한 오타를 만들게 되어도 코드를 실행하지 않아도 IDE상에서 바로 알 수 있게 되어 사소한 실수를 줄일 수 있다.

만약 더 자세히 알고싶다면 아래의 주소를 참조해서 알아보자.

TypeScript
Typescript 한국번역버전

타입스크립트 개요

• 오픈소스 프로그래밍 언어

• 자바스크립트의 상위 집합으로 ECMA스크립트의 최신 표준을 지원

• 정적인 언어로 컴파일 시간에 타입을 검사

• 장점
  1) 강력한 타입으로 대규모 어플리케이션 개발에 용이

  • 여러명의 개발자와 협업해서 개발을 하는 과정에서 강력한 언어로 작성되면 특정한 메서드에서 특정한 타입을 요구하기 때문에 실수를 방지할 수 있다.

  2) 유명한 자바스크립트 라이브러리와의 편리한 사용

  • 제이쿼리, 모멘트 등 라이브러리와의 타입이 정리되어 쉽게 사용할 수 있다.

  3) 개발 도구에서의 강력한 지원

Dependency
1. 글로벌설치

$ npm i typescript -g

2.로컬설치

$ npm i typescript --save-dev

Setup

$ tsc --init

Compiling
#for local tsc
npx tsc
#or
tsc
#만약 npm install -D ts-node로 설치한 경우 바로 결과를 볼 수 있다.
ts-node '프로젝트명'.ts

참고 hopsprings2.log

#만약 우리가 es6버전으로 컴파일링을 하고 싶다고 한다면 아래의 키워드를 터미널에 입력하면 된다.
tsc 파일명.ts --target es6

TypeScript 컴파일러

tsc 파일명.ts --lib [ex) es5, es2015.promis, es2015.iterable,dom
과 같은 방식을 이용해서 전역이나 혹은 타입스크립트에서 쓰는 타입들이 어디까지가 기본적으로 제공되는지 컴파일러에 알려줄 수 있다.