타입스크립트란?

타입스크립트란 무엇일까?

타입스크립트는 마이크로소프트사에서 개발한 프로그래밍언어이다. 0.8 버전을 시작으로 지금도 계속해서 새로운 버전으로 업데이트 되고 있다.  Open-source 언어이기 때문에 타입스크립트를 구성하는 코드를 확인해볼 수 있다. 

 

타입스크립트는 자바스크립트의 superset이다. 타입스크립트를 사용하면 예상하지 못한 버그들이 발생할 가능성을 줄일 수 있다. 

자바스크립트는 dynamically typed 언어로 프로그램 동작 시 실시간으로 타입이 결정이 된다. 그리하여 런타임 환경에서 에러가 발생할 수 있다는 문제점이 있다. 이와 달리 타입스크립트는 statically typed로 컴파일 시 타입 에러를 잡을 수가 있다. 

 

타입스크립트는 코드를 그대로 쓸 수 있는 것이 아니라 자바스크립트 코드로 transcompiling 해서 쓴다. 이렇게 컴파일을 해주는 컴파일러에는 타입스크립트 자체 컴파일러나 Babel 이 있다. 

 

타입스크립트는 강력한 객체지향 프로그래밍이 가능하다.  ES6의 문법을 포함하고 있으며 class, interface, generic 같은 요소들이 있기 때문에  가능한 것이다. 같은 객체지향 프로그래밍(OOP)를 하게되면 모듈화를 할 수 있고 모듈별로 원하는 것을 재사용할 수 있다는 장점이 있다.  또한 확장성도 높고 유지보수성도 높다. 

 

타입스크립트 시작하기 

나는 Visual Stuido Code를 에디터로 사용하고 있기 때문에 비주얼 스튜디오 코드를 기반으로 기록하겠다. 

Visual Studio Code의 Settings에 들어가서 strict null을 검색해본다. 그러면 위와 같이 많은 검색 결과가 나온다. 그 중 Extensions 하단에 TypeScript를 선택한다. 

Strict Null Checks를 체크하여 항상 엄격한 Null 체크를 받을 수 있도록 설정해준다. 

 

명령어 실행을 위한 터미널은 나는 Windows 환경에서 코딩하므로 cmder을 사용할 것이다.  -> https://cmder.net/

Cmder | Console Emulator

그 후 node.js가 설치되어 있는지 확인한다. 설치가 안되어있다면 -> https://nodejs.org/ko/

Node.js

위의 링크에서 설치하면 된다. 최신 버전보단 안정적인 왼쪽 버전을 추천한다. 

 

타입스크립트 설치는 글로벌적으로 할 것이다.  -> https://www.typescriptlang.org/download

How to set up TypeScript

위에서 node.js를 설치했으니 cmder에서 npm을 이용해서 타입스크립트를 설치해보자. 

npm install -g typescript

이제 타입스크립트가 설치되었다. 

tsc -v 을 사용해 타입스크립트가 잘 설치되었는지 어떤 버전이 설치되었는지 확인할 수 있다.