타입스크립트 핸드북 - 기본 타입

✔︎ 이 글은 아래 2개의 타입스크립트 핸드북을 보며 공부한 내용을 정리한 글입니다.
- 캡틴판교 타입스크립트 핸드북: https://joshua1988.github.io/ts/
- TypeScript-Handbook 한글 문서: https://typescript-kr.github.io/

 

개요

회사에서 곧 새로운 프로젝트에 참여한다.
Vue3 와 Typescript 를 사용할 예정이라 프로젝트 참여 전 조금씩 공부해놓으려고 한다. 
기초 지식을 공부한 내용을 기록할 목적이기 때문에, TIL 정도로 가볍게 작성할 예정이다.

---

타입스크립트의 기본 타입

타입 스크립트의 기본 타입은 총 12개가 있다.
string, number, boolean, object, array, tuple, enum, null, undefined, any, void, never

1. string (문자열)

템플릿 문자열은 js 와 동일하게 백틱 과 ${} 사용

let name1: string = 'gildong';
let name2: string = "joy";

 

2. number (숫자)

js 와 동일하게 모든 숫자는 부동 소수 값이다.

let age: number = 20;

 

3. boolean (진위)

let isLoggedIn: boolean = true;

 

4. object (객체)

let gildong: object = { name: 'gildong-hong', phone: "010-0000-0000" };

 

5. array (배열)

// 기본
let numbers = number[] = [1, 2, 3, 4, 5];

// 제네릭 이용
let numbers = Array<number> = [1, 2, 3, 4, 5];

 

6. tuple (길이가 고정되고 각 요소의 타입이 지정되어 있는 배열)

let input: [string, number, boolean] = ["홍길동", 20, false];

 

7. enum (상수 집합)

enum Animal { 
    Cat, 
    Dog 
}

let pet: Animal = Animal.Cat; // Cat


// 시작 인덱스 변경
enum Animal {
    Cat = 1,
    Dog // Dog 의 인덱스는 2가 된다.
}

let pet: Animal = Animal[1]; // Cat

 

8. any (모든 타입 허용)

모든 타입이 허용되기 때문에 JS에서 점진적으로 마이그레이션 할 때 사용하면 좋은 타입니다.

let temp: any = 'hi';

 

9. void (반환 값이 없는 반환 타입)

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

 

10. never (절대 발생하지 않는 값)

반복문, 에러 핸들링으로 함수 끝에 도달할 수 없는 경우 사용

function error(): never {
	throw new Error("앗 에러 발생 .... ");
}