C2C Dev

2024.11.05 - [TS] - TypeScript의 타입

any

모든 타입 할당 가능

let thing: any = 100;
thing = "str?ing";
thing = false;
console.log(thing); // 마지막에 할당된 false 출력

주의할점으로 any를 많이 사용하면 타입스크립트의 장점을 잃을 수 있으니 남발하지 말자

void

⇔ any와 반대의 개념, 어떠한 타입도 존재하지 않는다.

함수에서 반환 값이 없을 때 반환 타입을 표현하기 위해 쓰인다.

function message():void {
    console.log("This is my message");
}

never

절대 발생 할 수 없는 타입

type Animal2 = "cat" | "dog";

function handleAnimal(animal: Animal2) {
    if (animal === "cat") {
        console.log("It's a cat!");
    } else if (animal === "dog") {
        console.log("It's a dog!");
    } else {
        const neverValue: never = animal; // 이 부분은 절대 실행되지 않음
        console.log(neverValue);
    }
}

handleAnimal("cat"); // if문 출력
handleAnimal("dog"); // else if문 출력

▼ 자세한 내용은 해당 사이트

https://typescript-kr.github.io/

1. 기본

string: 문자열 타입

let name: string = "홍길동";

number: 숫자 타입

number: 숫자 타입

boolean: 참/거짓 타입

let isActive: boolean = true;

null 및 undefined: 각각 null과 undefined를 나타냄

let value: null = null;
let notAssigned: undefined = undefined;

2. 배열

특정 타입의 배열을 정의

let numbers: number[] = [1, 2, 3];
let names: string[] = ["Alice", "Bob", "Charlie"];

제네릭을 사용

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

3. 튜플

배열과 비슷하지만, 고정된 타입과 길이를 가짐

let person: [string, number] = ["홍길동", 30];

4. 객체

객체의 속성 타입을 정의

let user: { name: string; age: number } = {
  name: "홍길동",
  age: 30,
};

5. 열거형

특정 값들의 집합을 정의

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

6. 유니언 (Union)

여러 타입 중 하나의 타입

let id: string | number;
id = "abc123"; // 가능
id = 123;      // 가능

7. 타입 별칭 (Type Alias)

타입에 별칭을 붙여 재사용 가능

type ID = string | number;
let userId: ID = "qwer1105";

8. 인터페이스 (Interface)

객체의 구조를 정의하는데 사용하며, 확장이 가능

interface User {
  name: string;
  age: number;
  isActive?: boolean; // 선택적 속성
}

let user: User = { name: "홍길동", age: 30 };

9. 함수

함수의 매개변수와 반환 타입을 지정

function add(a: number, b: number): number {
  return a + b;
}

const greet: (name: string) => string = (name) => `Hello, ${name}`;

10. 제네릭 (Generics)

다양한 타입에서 재사용할 수 있는 유연한 함수를 만들 때 사용

function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>("Hello");

이 외에도 다양한 고급 타입(인터섹션, 조건부 타입 등)을 사용할 수 있다.