TypeScript, TypeScript 설치없이 사용하는 법

 

목차

TypeScript

Typescipt는 Chrome, safari, Edge등에 직접적으로 사용할 수 없어 Javascript로 변환해서 사용한다.

자바스크립트 = 동적언어, 런타임 시 타입이 결정되고 오류를 발견한다. // 실행 후 오류 확인 가능

타입스크립트 = 정적언어, 컴파일 시 타입이 결정되고 오류를 발견한다. // 

 

 

TypeScript 설치 없이 사용하는 방법

1. TypeScript 홈페이지 접속한다 :  https://www.typescriptlang.org/

JavaScript With Syntax For Types.

 

 

2. "playground" 클릭한다.

타입스크립트

 

3. 왼쪽 창에 자바스크립트 코드를 작성한다.

타입스크립트

 

•  예시코드

function add(num1, num2){
 console.log(num1 + num2);
}

add();	//NaN 입력받은 인수가 없다.
add(1);	//NaN num2로 입력받은 인수가 없다.
add(1, 2); // 3
add(3, 4, 5); // 7
add('Hello', 'Javascript'); // HelloJavascript

 

코드를 작성하면 빨간 줄과 함께 오른쪽 창에 "Error"에 표기되는 것을 볼 수 있다.

왼쪽창에 마우스를 드래그 하거나 "Error"를 클릭하면 아래와 같이 나오는 것을 볼 수 있다.

 

• Parameter 'num1' implicitly has an 'any' type. //  어떤 타입인지 모르겠다. 
• Parameter 'num2' implicitly has an 'any' type.
• Expected 2 arguments, but got 0. // 2개의 인수가 필요한데, 0개를 받았다.
• Expected 2 arguments, but got 1. // 2개의 인수가 필요한데, 1개를 받았다.
• Expected 2 arguments, but got 3. // 2개의 인수가 필요한데, 3개를 받았다.