Written by
TY_K
on
on
Type Script
TypeScript란?
TYPE이 있는 javascript를 작성시 보통의 javascript로 컴파일한다. Any browser、Any host、Any Os、Open source 편리한기능, ms개발
이하TypeScript는ts로 명칭
왜ts를 사용해야 되나?
타입이 지정가능해지는 것으로 작성하면서 실수를 줄일 수 있다. 코드로 데이터의 예측이 가능하진다.
간단히 작성해 보자
ts 설치
npm install -g typescript 3.3.3버전이 설치된 것을 확인
테스트 코드 greeter.ts 를 작성
tsc커멘드로 ts로 컴파일. greeter.js로 컴파일 된것을 확인. 여기까지 변경점없이 보통의 js랑 같음
여기서 부터 ts의 기능을 사용해 보면
greeter function의 인수로 string 타입을 추가 user를 array로변경하면, [ts] ‘number[]’ 형식의 인수는 ‘string’형식의 매개변수로 할당할 수 없음 라는 에러메세지 확인
IDE에서도 에러가 확인 가능하지만, 컴파일 시점에도 에러가 출력되는것을 확인
마찬가지로 인수가 없는 경우도 적절한 에러를 출력
interface의 경우
interface을 작성후 컴파일 할 때 적절히 컴파일 된것을 확인
class의 경우도
적절히 컴파일 된것을 확인
마지막으로 html에 ts에서 js로 컴파일된 파일이 잘 작동하는지 확인
ts에 작성한 js가 문제 없이 동작하는 것을 확인