기본 타입

기본 타입

1. 기본 타입

• TypeScript에서 기본 타입에 대해 알아봅시다.
• JavaScript와 거의 동일한 데이터 타입을 지원하며, 열거 타입을 사용하여 지정합니다.
• 기본 타입에 대한 내용은 여기로!

 1) 문자열 (String)

• 문자열은 변수명: string로 입력하여, 선언합니다.

// 문자열
let car: string = "BMW";

// JavaScipt
// let car = "BMW";

 

 2) 숫자 (number)

• 숫자는 변수명: number로 입력하여, 선언합니다.

// 숫자
let age: number = 30;

// JavaScript
// let age = 30;

 

 3) 배열 (array)

• 배열은 변수명: 타입[ ] 또는 Array<타입>으로 입력하여, 선언합니다.

// 배열(숫자)
let a: number[] = [1, 2, 3];
let a2: Array<number> = [1, 2, 3];

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

// JavaScript
// let a = [1, 2, 3];
// let a2 = [1, 2, 3];

// let week = ['mon', 'tue', 'wed'];
// let week2 = ['mon', 'tue', 'wed'];

 

 4) 튜플 (Tuple)

• 튜플(Tuple)이란? 여러 요소로 이루어진 불변한 순서형 데이터 구조를 나타냅니다.
• 튜플은 변수명: [타입, 타입]으로 선언합니다.

// 튜플
let b: [string, number];
b = ['z', 1];
// b = [1, 'z']는 오류

// JavaScript
// let b;
// b = ['z', 1];

 

 5) void

• void는 어떤 타입도 반환하지 않는 함수의 반환 타입을 나타냅니다.
• 함수가 아무런 값도 반환하지 않을 때, 그 함수의 반환 타입으로 void를 사용합니다. 
• 함수명( ): void로 선언합니다. 

// void
function a(): void {
    console.log("hello");
}

// JavaScript
/*
  function a() {
      console.log("hello");
  }
*/

 

 5) never

• never란? 함수가 항상 예외를 던지거나 무한 루프 등의 이유로 아무런 값을 반환하지 않는 경우를 나타냅니다.
• 함수명( ): never로 선언합니다.

// never
function isError(): never {
    throw new Error();
}

function infLoop(): never {
    while (true) {
        // 무한 실행
    }
}

// JavaScript
/*
  function isError(): never {
      throw new Error();
  }

  function infLoop(): never {
      while (true) {
            // 무한 실행
      }
  }
*/

 

 6) Enum

• Enum이란? 서로 연관된 상수들의 집합을 나타냅니다.
• 각 상수는 고유한 이름(식별자)를 가지며, 해당 이름을 사용하여 특정 값을 나타낼 수 있습니다.
• 값을 지정하지 않으면, 일반적으로 0부터 시작하여 1씩 증가하는 정수 값이 할당됩니다. 

// Enum
enum Days {
    Sunday = 3,
    Monday = 10,
    Tuesday // 자동으로 증가하여, 11이 됨
}

// JavaScript
/*
  var Days;
  (function (Days) {
      Days[Days["Sunday"] = 3] = "Sunday";
      Days[Days["Monday"] = 10] = "Monday";
      Days[Days["Tuesday"] = 11] = "Tuesday";
  })(Days || (Days = {}));
*/

 

 6) null, undefined

• null과 undefined도 가능합니다.
• 변수명: null = null, 변수명: undefined = undefined로 선언할 수 있습니다. 

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

// JavaScript
// let a = null;
// let b = undefined;

 

2. 정리하며

• 지금까지 TypeScript의 기본 타입에 대해 알아보았습니다.
• 다음 시간엔 TypeScript의 인터페이스(interface)에 대해 알아보겠습니다.

 

인터페이스 (interface)

 

※ 코딩앙마님의 유튜브 강좌를 참고하였습니다.