기초 문법 소개

@관성탈피/TypeScript를 시작함에 있어, 진행에 필요한 기초 문법을 소개합니다.

값에 타입 지정하기 (Type Annotation)

타입 주석을 통해 값에 타입을 지정할 수 있습니다.

// message 변수가 string 타입임을 지정합니다.
const message: string = "Hello World!";

// add함수의 매개변수 a, b에 number 타입의 값이 전달된다고 지정하고,
// add 함수가 number 타입의 값을 반환한다고 지정합니다.
function add(a: number, b: number): number {
  return a + b;
}

원시 타입 (Primitive Types)입

원시 값의 타입입니다.

const str: string = "Hello World!";
const num: number = 42;
const bool: boolean = true;
const nul: null = null;
const und: undefined = undefined;

객체 타입 (Object Types)

객체를 나타내는 타입입니다.

객체 리터럴과 유사하나 프로퍼티의 값 위치에 값 대신 값의 타입을 지정합니다.

const obj: { name: string; age: number } = { name: "김바코", age: 10 };

배열 타입 (Array Types)

배열을 나타내는 타입입니다.

배열 내 요소와 []를 사용하여 타입을 지정합니다.

const numbers: number[] = [1, 2, 3, 4, 5];

타입 별칭 (Type Aliases)

변수처럼 타입에 이름을 부여합니다.

어떤 타입이든 타입 별칭으로 지정할 수 있습니다.

type Person = {
  name: string;
  age: number;
};

type Persons = Person[];

인터페이스 (Interfaces)

객체 타입에 이름을 부여합니다.

객체 타입만 지정할 수 있습니다.

interface Person {
  name: string;
  age: number;
}