TypeScript 기본 문법 정리

타입스크립트의 기본 타입 선언

타입스크립트의 핵심인 타입은 다양한 종류가 있으며,
주로 : 기호를 사용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 합니다.

이를 통해 변수, 함수 매개변수, 함수 반환 값 등에 타입 정보를 명시할 수 있습니다.
아래에는 타입스크립트의 주요 타입 종류와 타입 표기에 대한 설명을 제공합니다

1. 숫자

number : 숫자 타입을 나타냅니다.

let num: number = 1;

2. 문자열

string : 문자열 타입을 나타냅니다.

let str: string = 'hello';

3. Boolean

boolean : 불리언 타입을 나타냅니다.

let isLogin : boolean = false;

4. 배열

array : 배열 타입을 나타냅니다.
배열 요소의 타입을 함께 명시해야 합니다.

let arr: Array<number> = [10 , 20, 30];
let arr: number[] = [10, 20, 30];
let arr: Array<string> = ["lion", "tiger"];
let arr: [string, number] = ["sejong", 182];

5. 튜플

tuple : 고정된 요소 수와 타입 순서를 가진 배열을 나타냅니다.

let person: [string, number] = ["John", 30];

6. enum

enum : 열거형 타입을 나타냅니다.
사전에 정의된 값들 중에서 선택할 수 있습니다.

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

7. any

any : 모든 타입을 허용하는 동적 타입을 나타냅니다.
주로 타입 안정성이 필요하지 않은 경우에 사용됩니다.

let value: any = "Hello";
value = 10;

8. void

void : 반환 값이 없는 함수를 나타냅니다.

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

9. null, undefined

null 과 undefined : 각각 null과 undefined를 나타냅니다.

let data: null = null;
let status: undefined = undefined;

10. 객체(object)

object : 객체 타입을 나타냅니다.

let person: { name: string, age: number } = {
  name: "juny",
  age: 30
};

11. 함수(function)

function : 함수 타입을 나타냅니다.
매개변수와 반환 값의 타입을 함께 명시해야 합니다.

let greet: (name: string) => void = function(name) {
  console.log("Hello, " + name);
};

12. union, intersection

union 과 intersection :
Union(|)은 두 개 이상의 타입 중 하나를 허용하는 타입을 나타내며,
Intersection(&)은 두 개 이상의 타입을 동시에 포함하는 타입을 나타냅니다.

let value: string | number = "Hello";
let person: { name: string } & { age: number } = { name: "John", age: 30 };