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

오늘은 타입스크립트에 대해 기초적인 부분을 배워봤다.

타입스크립트란??

타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다. (출처: 타입스크립트 핸드북)

타입스크립트를 쓰면 좋은 점이 2개가 있다.

🔘 에러를 사전에 방지해준다
🔘 코드 가이드 및 자동 완성을 해줘서 개발 생산성을 향상 해준다.

타입스크립트 기본 타입

Boolean
Number
String
Object
Array
Tuple
Enum
Any
Void
Null
Undefined
Never

Boolean

(참,거짓 진위)

let isLoggedIn: boolean = false;

Number

(숫자)

let num: number = 10;

String

(문자열)

let str: string = 'hi';

Object

(객체)

let arr: object = {name: string; password: number};

배열 안에 객체가 있는 경우

let arr: object[] = [{name: string; password: number}];

Array

(배열)

let arr: number[] = [1,2,3];

Tuple

(튜플은 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미합니다.)

let arr: [string, number] = ['hi', 10];

Enum

(특정 값(상수)들의 집합)

enum Avengers { Capt, IronMan, Thor }
let hero: Avengers = Avengers.Capt;

Any

(모든 타입에 대해서 허용)

let str: any = 'hi';
let num: any = 10;
let arr: any = ['a', 2, true];

Void

(변수에는 undefined와 null만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입)

let unuseful: void = undefined;
function notuse(): void {
  console.log('sth');
}

Never

(함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입)

// 이 함수는 절대 함수의 끝까지 실행되지 않는다는 의미
function neverEnd(): never {
  while (true) {

  }
}