typeScript (타입스크립트) 시작하기

 

 

typeScript (타입스크립트) 는 자바스크립트(javaScript)의 슈퍼셋으로 오픈소스 프로그래밍 언어이다.

MS - 마이크로소프트에서 개발 유지 관리하며 동적인 자바스크립트를 정적으로 사용할 수 있게 해 준다. 자바스크립트 동적 타입 언어로써 다른 정적 언어 타입보다 유연하지만 그만큼 안정성이 보장받지 못한다.

자바스크립트에서 타입을 제어함으로써 좀더 안정성 있는 개발을 할 수 있게 도와준다.

 

 

 

 

 

---

 

 

 

 시작하기

1. node.js 설치 - https://nodejs.org/ko/

2. 설치후 에디터 터미널에 npm install -g typescript 입력

3. tsconfig.json 만들기 (작업할 폴더에)

4. tsc -w  터미널에 입력 (ts 파일을 실시간으로 js파일로 컴파일 시켜준다.)

5. index.ts 파일을 만들고 코딩 시작. (타입스크립트를 사용하려면 ts 확장자로 만들어야 함) 

 

 

 

---

 

 

 

 

기존 자바스크립에서의 변수 할당과 타입스크립트의 변수 할당 비교

기존 자바스크립트(javaScript)

let imNumber = 1;

//imNumber 에 숫자 1을 할당했다.

isNumber = "1"; 

//imNumber 변수는 숫자로 사용하려고 만든 변수이지만 자바스크립트에서는 문자열을 할당해도 
//유연하기 때문에 시키는 대로 다시 "1" 문자 1을 할당한다.



타입스크립트(typeScript)

let imNumber : Number = 1;

//imNumber 에 숫자 1을 할당하고 : 콜론 옆에 타입을 숫자로 지정.

isNumber = "1"; 

//문자 1을 할당 하려고 하면 타입스크립트 자체에서 에러 메세지를 보여준다.

//Type 'string' is not assignable to type 'Number' 에러 내용

 

자바스크립트에서는 변수에 문자열을 할당하고 그 뒤에 숫자를 할당해도 유연하게 대처 하지만 타입스크립트는 처음 지정한 타입을 따르지 않으면 에러를 보여주며 친절하게 어떤 점이 잘못됐는지 알려준다.

 

 

 

 

---

 

 

 

 

기본 타입

타입스크립트 기본타입

숫자
const basicType : Number = 1;

문자
const basicType : string = "1";

불리언
const basicType : boolean = true;

null
const basicType : null = null;

undefined
const basicType : undefined = undefined;

 

 

 

---

 

 

 

any, void, 타입

 

 

any 타입

타입스크립트 any 타입

//any는 어떠한 값과 호환 가능하게 해주는 타입이다. 
//이렇게 되면 타입스크립트가 아닌 기존 자바스크립트 처럼 동작한다.
//변수 all 에 any 타입을 지정후에 각각 다른 타입으로 할당해줘도 에러가 방생하지 않는다.

let all: any = true;
all = 5;
all = "what";

 

---

 

void 타입

타입스크립트 void 타입

// 리턴 값이 없는 함수에 지정하는 타입이다

function noReturn() :void {}

 

 

---

 

 

https://github.com/chry8822

chry8822 - Overview

 

 

 

---