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");

 

 

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

'TS' 카테고리의 다른 글

Interface (2)  (0) 2024.11.18
Interface (1)  (0) 2024.11.15
Interface  (0) 2024.11.08
TypeScript의 타입 (이전 글 추가)  (0) 2024.11.07
TypeScript란 무엇인가?  (0) 2024.11.04

+ Recent posts