ts공부하기) 타입스크립트 기본 타입

Javascript 코드에 타입스크립트로 타입을 정의할 수 있다. Typescript의 기본 타입에는 크게 12가지가 있다. 

• Boolean
• Number
• String
• Object
• Array
• Tuple
• Enum
• any
• void
• null
• undefined
• never

 

 

String

Javascript 변수 타입이 문자열인 경우 다음과 같이 선언하여 사용합니다. 

let str: string = 'hello';

✔ 위처럼 : 를 이용하여 자바스크립트 코드에 타입을 정의하는 방법을 Type Annotation(타입표기, 타입애너테이션)이라고 한다. 

 

 

Number

/* 타입이 숫자일때 */
let num: number = 18;

 

Boolean

/* 타입이 진위 값인 경우 */
let isTure: boolean = ture;

 

 

---

OBJECT

 

Array

/* 타입이 배열인경우 1. 간단하게 선언하거나. */
let arr: number[] = [1,2,3];

/* 2. 제네릭을 사용한다. */
let arr: Array<number> = [1,2,3];

 

 

Tuple

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

let arr: [string, number] = ['hello', 18]

/* 만약, 정의하지 않은 타입, 인덱스로 접근하면 오류가 난다. */
arr[1].concat('!'); // ERROR, 'number'는 'concat'을 포함하고있지않다.
arr[5] = 'hi!';  // ERROR, 프로퍼티(property)는 [string, number]타입에 존재하지 않는다.

 

 

Enum

Enum은 C, Java와 같은 언어에서 흔하게 쓰이는 타입이다. 특정 값(상수)들의 집합을 의미한다. 

enum Animals {Cat, Dog, Hamster}
let cute: Animals = Animals.Cat;

/* Enum은 인덱스 번호로도 접근 가능하다 */
enum Animals {Cat, Dog, Hamster}
let cute: Animals = Animals[0];

/* Enum의 인덱스를 사용자 편의로 변경하여 사용 가능하다. */
enum Animals {Cat = 2, Dog, Hamster}
let cute: Animals = Animals[2]; // Cat
let cute: Animals = Animals[4]; // Hamster

 

 

Void

반환값이 없는 함수의 반환타입. return값이 없거나 return 값이 있더라도 반환하는 값이 없으면 함수의 반환 타입을 void로 지정합니다. 

function printSomething(): void {
	console.log('sth');
}

function returnNothing(): void {
	return;
}