TypeScript 란?

타입스크립트는 자바스크립트의 확정된 언어로 자바스크립트에 타입을 부여한 언어이다. 기존 자바스크립트와는 다른 컴파일 언어이며 전통적인 컴파일 언어와 다름 점이 많다. 그래서 Transpile 이라고 부르기도 한다.

 

아래의 예제를 보면서 타입을 부여한다는 것이 어떤 건지 살펴보자

 

let name: string; // 타입 부여
name = "Mark"; // string 값 할당

// 다른 타입의 값을 넣으려 하면 에러 발생
name = 20; // TS2322: Type 'number' is not assignable to type 'string'.

 

type의 종류는 생각보다 좀 있는 것 같다.

(boolean, number, string, symbol, null & undefined, object, Array, Tuple, any, unknown, never, void )

 

 

설치 하기

우선 node.js 를 깔아야 한다. Mac 사용자는 아래와 같이 Homebrew를 이용하여 다운받자

 

brew install node

 

windows 사용자면 아래의 사이트에 접속해서 다운 받을 수 있다. 물론 맥 사용자도 아래에서 받을 수 있다.

 

https://nodejs.org/ko/download/

불러오는 중입니다...

 

 

노드를 설치하면 딸려오는 npm (기본 패키지 관리자)를 이용해 typescript를 설치하자.

 

mkdir typescript-test	(1)
cd typescript-test	(2)

npm init		(3)
npm i typescript -D	(4)
npx tsc --init		(5)

 

위 코드를 설명하면

1. 폴더를 만들고

2. 만든 폴더로 이동 후

3. 해당 프로젝트 폴더를 npm 이 관리할 수 있도록 하는 명령 (package.json 생성)

4. npm 을 사용해 typescript 다운로드

5. npx 명령어를 이용해 typescript init

 

 

이제 TypeScript를 사용할 수 있는 환경이 구성되었다. 

 

 

프로젝트 폴더로 이동해서 파일을 만든 후 Type Annotation 을 써보자.

 

// test.ts

let aString: string = "string value";
let aNumber: number = 10;
let aBoolean: boolean = true;
let aArray: number[] = [1, 2, 3];
let aAny: any = "any test";
aAny = 123;
...