TypeScript 공부 #2

☘️TypeScript 기본 타입

변수 타입 - number, boolean, string, Array

타입스크립트에서 변수를 선언할 때, 변수 타입을 지정해서 설정할 수 있다.

let fruit:string = "apple"

만약 fruit 변수를 string이 아닌 다른 타입으로 재정의하면 에러가 뜬다.

사용자가 타입을 설정하지 않아도 타입스크립트가 변수 추론을 통해 스스로 변수 타입을 지정하여 에러가 뜨게 해준다.

string 이외에도 다른 타입을 지정할 수 있다.

let age:number = 24; // 숫자
let isAdult:boolean = true; // 불린

let a1:number[] = [1,2,3] // 숫자 배열
let a2:Array<number> = [1,2,3] // 숫자 배열

let week1:string[] = ['mon','tue','wed']; // 문자 배열
let week2:Array<string> = ['mon','tue','wed']; // 문자 배열

let b:[string, number] = ['a',1] // 튜플

함수 타입 - void, never

함수에서 아무 값도 반환하지 않을 때, void 타입을 지정할 수 있다.

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

sayHello();

또한 항상 에러를 반환하거나 무한 루프일 경우에는 never 타입을 지정할 수 있다.

function showError():never {
    throw new Error();
}

function infLoop():never {
    while (true) {
        // 무한 루프
    }
}

enum 타입

enum타입에 대한 자세한 설명은 공식문서 에서 확인할 수 있다.

 

공식문서에 따르면 enum이란

열거형으로 이름이 있는 상수들의 집합을 정의할 수 있습니다. 열거형을 사용하면 의도를 문서화 하거나 구분되는 사례 집합을 더 쉽게 만들 수 있습니다. TypeScript는 숫자와 문자열-기반 열거형을 제공합니다.

자바스크립트에서는 지원하지 않는 기능이다.

 

수동으로 값을 지정해주지 않으면 자동으로 값을 증가시키며 아래와 같이 0, 1, 2로 할당해 준다.

 

값을 지정했을 때도 지정한 수에 알맞게 값을 자동으로 할당시켜 준다.

enum은 양방향 매핑이 되어 있다.

추가적으로 enum은 숫자 이외에 문자로 입력할 수 있지만 단방향 매핑이 된다.

 

특정 값만 입력할 수 있게 강제하고 싶을 때, 그 값들이 공통점이 있을 때 enum 을 사용한다.

원시 자료형 타입 - null, undefined

null과 nudefined도 타입으로 지정할 수 있다.

let a:null = null;
let b:undefined = undefined;

 

---

☘️참고 자료

[유튜브]TypeScript 강좌 - 코딩앙마

---

☘️마무리 하며...

typeScript로 지정할 수 있는 타입을 알게 되었고 enum이라는 것을 처음으로 알게 되었다!