Written by TY_K
on 

Type Script

TypeScript란?

TYPE이 있는 javascript를 작성시 보통의 javascript로 컴파일한다. Any browser、Any host、Any Os、Open source 편리한기능, ms개발

이하TypeScript는ts로 명칭

왜ts를 사용해야 되나？

타입이 지정가능해지는 것으로 작성하면서 실수를 줄일 수 있다. 코드로 데이터의 예측이 가능하진다.

간단히 작성해 보자

ts 설치

npm install -g typescript install 3.3.3버전이 설치된 것을 확인

테스트 코드 greeter.ts 를 작성 greeter

tsc커멘드로 ts로 컴파일. comfile greeter.js로 컴파일 된것을 확인. 여기까지 변경점없이 보통의 js랑 같음

여기서 부터 ts의 기능을 사용해 보면 greeter

greeter function의 인수로 string 타입을 추가 cngValue user를 array로변경하면, [ts] ‘number[]’ 형식의 인수는 ‘string’형식의 매개변수로 할당할 수 없음 라는 에러메세지 확인

comfileError IDE에서도 에러가 확인 가능하지만, 컴파일 시점에도 에러가 출력되는것을 확인

error1 마찬가지로 인수가 없는 경우도 적절한 에러를 출력

interface의 경우 interfaceTs

interface을 작성후 컴파일 할 때 interfaceJs 적절히 컴파일 된것을 확인

class의 경우도 classTs

적절히 컴파일 된것을 확인 classJs

마지막으로 html에 ts에서 js로 컴파일된 파일이 잘 작동하는지 확인 greeterHtml

ts에 작성한 js가 문제 없이 동작하는 것을 확인 greeterHtml2