MS가 만든 타입 체크가 가능한 스크립트 - TypeScript
2016.05.15 12:32
MS가 만든 타입 체크가 가능한 스크립트 - TypeScript
안녕하세요 수빈빠 입니다.
이것저것 보다가 재밌는게(MS가 했다는게?) 있어서 공유합니다.
요새 워낙 Script language가 대세라(구글 dart도 그렇고, CoffeeScript도 그렇고)
MS도 "TypeScript"라는 걸 내놨습니다. ( http://www.typescriptlang.org/ )
http://www.typescriptlang.org/Playground/ 여기에서는 온라인으로 컴파일을 해 볼 수 있습니다.
1. 개념
간단히 설명을 하자면(물론 더 많은 기능이 숨어 있는 것 같은데 거기까지는 못 봤네요)
type을 체크할 수 있는 문법을 두어서 개발을 한 후, 이것을 javascript로 pre-compile하는 방식입니다.
2. 환경
에디터는 vim, emacs, subtime text 같은 것을 지원하고요..
컴파일은 node.js나 visual studio를 사용하는 방식입니다.
node의 경우, npm을 통해서 "npm install -g typescript" 하면 바로 설치가 가능합니다.
컴파일의 경우에는 "tsc aaaa.ts" 하면 js가 만들어집니다.
3. 사용 범위
문서에 보면 어떤 javascript host도 가능하다고 되어 있습니다.
주로 예제는 브라우저용이기는 한데, node용 스크립트도 됩니다.
다만 일부 global wide한 내장 변수의 경우 경고를 뱉기는 합니다만, 컴파일은 됩니다.
4. 예제
예제를 봐야겠죠? 먼저 컴파일이 실패하는 예제 입니다.
interface Person { firstname: string; lastname: string; } function greeter(person : Person) { return "Hello, " + person.firstname + " " + person.lastname; } var user = {firstname: 123, lastname: "User"}; console.log(greeter(user)); |
보시면 바로 아실 겁니다. type이 맞지 않죠? 아래와 같은 오류가 발생합니다.
person-error.ts(12,12): Supplied parameters do not match any signature of call target:
Types of property 'firstname' of types '{ firstname: number; lastname: string; }' and 'Person' are incompatible
요번에는 성공하는 예제 입니다. 왼쪽은 TypeScript, 오른쪽은 JavaScript 입니다.
interface Person { |
function greeter(person) { |
딱 결과를 보시면 아시겠지만, javascript 쪽에는 type check를 위한 코드가 만들어지지 않습니다.
즉 compile time에만 체크하고, run time에는 체크하지 않습니다.
위의 javascript를 node에서 실행할 경우...
node person.js First fasdfasd => Number가 아님에도 이렇게 실행해도 잘 되고
node person.js First 12345 => 이렇게 실행해도 잘 됩니다.
5. 기타 등등
type check를 하지 않는 script language는 양날의 검이죠.
생산성이 올라가지만, 디버깅 하기 어려운...
TypeScript는 이 문제를 잡겠다고 했지만, 좀 부족한 면이 있습니다.
예전에(지금은 거의 쓰지 않지만) commons-validator 모듈을 사용하면
client javascript 까지 제공해 주어서, 사용자의 값을 체크할 수 있었는데,
TypeScript의 경우에는 그런 면이 조금 아쉽습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.