[Type Script] Ep2. 기본 타입

안녕하세요. 모리스입니다.😊

이번 포스트도 지난 포스트에 이어서 TS에 관한 포스트 입니다.

타입스크립트의 기본 타입에 대해서 알아볼게요!

 

타입스크립트 공부 극초반에 작성한거라 너무 기본적인 내용이긴하네요.ㅎㅎ

그럼 시작해보겠습니다.

📌 기본 타입

타입스크립트는 자바스크립트와 거의 동일한 데이터 타입을 지원하며, 열거 타입(enum)을 통해 더 편리하게 사용할 수 있어요.
기술 노트인 만큼, 어느 정도 타입에 대한 지식이 있다고 가정하고 다른 언어들과 공통되는 타입은 간단히 넘어가려고 해요.

📒 Boolean

• boolean 타입은 true 또는 false 값을 나타내는 타입이에요.

let isDone: boolean = false;

📒 Number

• 타입스크립트의 모든 숫자는 부동 소수점 값이에요. number 타입으로 지정되며, 10진수뿐 아니라 16진수, 8진수, 2진수 형식도 지원해요.

let decimal: number = 6;
let hex: number = 0xf00d;
let octal: number = 0o744;
let binary: number = 0b1010;

📒 String

• 문자열 타입이에요. 자바스크립트와 마찬가지로 "큰따옴표"나 '작은따옴표'로 문자열을 감싸서 사용해요.

let color: string = "blue";
let fullName: string = 'Morris An';

또한, 백틱(`)을 사용하면 템플릿 문자열도 사용할 수 있어요.

let name: string = 'Morris';
let age: number = 27;
let sentence: string = `Hello, my name is ${name}. I'm ${age} years old.`;

📒 Array

• 타입스크립트의 배열은 자바스크립트와 동일하게 동작해요. 배열 타입은 두 가지 방식으로 선언할 수 있어요.

let list: number[] = [1, 2, 3];
let list2: Array<number> = [1, 2, 3];

📒 Tuple

• 튜플은 고정된 개수의 요소를 가지며, 각 요소의 타입이 정해져 있는 배열이에요. 요소들의 타입이 서로 달라도 괜찮아요.

let x: [string, number, boolean];
x = ['morris', 27, true]; // 올바른 예시
x = [10, false, 'morris']; // 오류

• 정해진 인덱스에 접근해서 값을 읽을 수 있어요.

console.log(x[0]); // 'morris'
console.log(x[1]); // 27

• 정의되지 않은 인덱스에 접근하면 오류가 발생해요.

x[3] = 'an'; // 오류
console.log(x[5].toString()); // 오류

📒 Enum (열거형)

• enum은 이름이 있는 상수들의 집합을 정의할 수 있어요. 값을 더 직관적으로 다룰 수 있도록 도와줘요.

enum Color {Red, Green, Blue}
let c: Color = Color.Green;

• 기본적으로 enum은 0부터 번호를 할당해요. 시작 값을 지정할 수도 있어요.

enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green; // Green = 2

• 모든 멤버에 수동으로 값을 줄 수도 있어요.

enum Color {Red = 1, Green = 4, Blue = 5}
let c: Color = Color.Green;

• enum 값으로부터 이름을 얻는 것도 가능해요.

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];

console.log(colorName); // 'Green'

📒 Any

• 코드 작성 시 타입을 알 수 없는 값이 있을 수 있어요. 예를 들어, 외부에서 받은 데이터나 사용자 입력 등 동적인 상황에서는 any 타입이 유용해요.

단, any를 남용하면 타입스크립트를 사용하는 의미가 줄어들 수 있으니 주의해야 해요.

let notSure: any = 4;
notSure = 'Maybe a string instead';
notSure = false;

• 여러 타입이 섞인 배열에도 사용할 수 있어요.

let list: any[] = [1, true, 'free'];
list[1] = 100;

📒 Void

• 반환 값이 없는 함수의 반환 타입으로 사용돼요.

function warnUser(): void {
  console.log('This is my warning message');
}

• 변수에 사용해도 되지만, 실제로는 undefined나 null만 할당할 수 있어요.

📒 Null & Undefined

• null과 undefined는 각각의 타입을 가지고 있어요. 이 타입으로 선언된 변수는 해당 값만 할당할 수 있어요.

let unde: undefined = undefined;
let nul: null = null;

📒 Never

• never는 절대 발생하지 않는 값을 나타내는 타입이에요.
  오류를 던지거나, 영원히 실행되지 않는 함수에 주로 사용돼요.

function error(message: string): never {
  throw new Error(message);
}

function fail() {
  return error('something failed');
}

📌 참조

TypeScript 한글 문서