자바스크립트 언어 안에도 다른 언어가 있다? - 자바스크립트 파생언어 - TypeScript | CoffeeScript | Dart
TypeScript
마이크로소프트에서 발표한 JavaScript에 정적 타입 개념을 추가한 신형 언어.
CoffeeScript와 마찬가지로 컴파일 결과는 JavaScript입니다
정적 타입을 명시할 수 있다는 점이 기존 자바스크립트와의 가장 큰 차이점 입니다
정적 타입을 명시하는 것은 개발자가 의도한 변수나 함수 등의 목적을 명확히 하는데 중요한 역할을 합니다
이는 잘못된 정보로 인한 에러를 미리 방지할 수 있습니다
자바스크립트에 타입을 추가해 타입 언어가 된 TypeScript는 코드의 견고함을 강점으로 내세우고 있습니다.
현재는 Angular 2 이후에서 이 언어를 채택하면서 많이 사용되기 시작했습니다.
ECMAScript 2015 표준도 구현되어 있으며 순수한 JavaScript와 문법적인 차이가 거의 없습니다
마이크로소프트에서 만들었다보니 마이크로소프트 편집기인 비주얼 스튜디오 코드에서 변수 타입이나
오류에 관한 피드백을 즉각 해 주어서 버그 방지에 유용합니다.
타입스크립트는 ES6를 포함하고 있습니다
타입스크립트를 사용하기 위해서는
npm으로 타입스크립트를 자바스크립트로 변환하는 컴파일러가 필요합니다
확장자로는 .ts를 사용하고 있습니다
# npm install -g typescript
npm이 필요하다는 것은 Node.js 가 필요하다는 의미이겠죠?
자바스크립트와 코드적인 차이를 간략하게 보면
JavaScript
const a = 3;
const b = '5';
console.log(a*b)
TypeScript
const a:number = 3;
const b:string = '5';
console.log(a*b)
이렇게 타입을 선언해 주어 오작동을 방지합니다
CoffeeScript
JavaScript의 문법을 개선한 신형 언어.
컴파일 결과로 JavaScript 코드를 내보냅니다
기존 JavaScript의 설계 결함을 극복할 목적으로 만들어졌습니다
그러나 Python처럼 들여쓰기로 코드 블록을 구분하는 문법을 채택해 호불호가 갈리는 편이예요
2017년 말에는 '불호' 쪽으로 많이 기울어 있는 상황이죠.. ㅎ
#!syntax coffeescript
alert "Hello, World!" # alert 방식
document.write "Hello, world!" # 문서에 쓰는 방식.
console.log "Hello, world!" # 콘솔 방식이런식으로 들여쓰기 코드 블록 형태를 채택해서 사용하는 CoffeeScript 입니다
Dart
구글에서 발표한 JavaScript 문법을 개선한 언어.
TypeScript보다 조금 빠른 시기인 2011년 10월에 발표했습니다
기존의 언어보다 간결하고 강력한 기능을 제공하는데요
Dart로 구축한 애플리케이션은 Dart VM 엔진상에서 동작합니다
2017년 구글이 발표한 크로스 플랫폼 앱 프레임워크인 Flutter가 이 언어를 사용하고 있습니다
JavaScript.NET
자바스크립트를 컴파일러용 언어로 개조한 것이다.
