#1 TypeScript

타입스크립트란?

타입스크립트(TypeScript)는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. C#의 리드 아키텍트이자 델파이, 터보 파스칼의 창시자인 아네르스 하일스베르(Anders Hejlsberg)가 개발에 참여한다. 클라이언트 사이드와 서버 사이드를 위한, 프론트백 통합 개발에 사용할 수 있다.

타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어이다. 자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다.

타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다.
타입스크립트는 모든 운영 체제, 모든 브라우저, 모든 호스트에서 사용 가능한 오픈 소스이다.

 

TypeScript는 자바스크립트에 강력한 Type을 적용하여 예상치 못한 오작동을 방지하고 모호한 코드를 명확하게 해준다.

 

 

기본 타입

let car:string = 'bmw';		// 문자열
let age:number = 30;		// 숫자
let isAult:boolean = true;	// Boolean

// 숫자값 배열
let a:number[] = [1,2,3];	
let a2:Array<number> = [1,2,3];

// 문자열 배열
let week1:string[] = ['mon','tue', 'wed'];	
let week2:Array<string> = ['mon','tue', 'wed'];

// 튜플 (Tuple), 순서주의
let b:[string, number];
b=['z', 1];
// b=[1, 'z']; 오류

// 타입에 따른 메소드가 표시
b[0].toLocaleLowerCase; 
b[1].toFixed; 


// 함수명 (파라메터:파라메터타입) : 반환타입

// void
function sayHello(name: string): void {
    console.log('heelo!', name);
}
sayHello('Lee');


// naver : 끝나지 않는 반환타입
 function showError():never {
    throw new Error();
 }

function infLoop(): never{
    while(true){
        // do something
    }
}

 enum type

// ts코드 

// enum (상수정의, java참고)
enum Os {
    Window, 
    Ios,
    Android
}

console.log(Os[0])
console.log(Os["Window"]);

let myOs: Os;
myOs = Os.Android;


// 변환된 js파일

"use strict";
// enum (상수정의, java참고)
var Os;
(function (Os) {
    Os[Os["Window"] = 0] = "Window";
    Os[Os["Ios"] = 1] = "Ios";
    Os[Os["Android"] = 2] = "Android";
})(Os || (Os = {}));
console.log(Os[0]);
console.log(Os["Window"]);
let myOs;
myOs = Os.Android;

 

null, undefined

// ts 코드

//null, undefined
let a: null = null;
let b: undefined = undefined;


// js 코드

"use strict";
//null, undefined
let a = null;
let b = undefined;​

 

 

 

TS학습참고 : https://www.typescriptlang.org/play/

TS Playground - An online editor for exploring TypeScript and JavaScript

위 페이지에서 ts 파일을 작성하면 우측에 변환된 js 결과를 확인가능