TypeScript 기본 문법(타입스크립트)

TypeScript는 JavaScript의 상위 집합 언어이기 때문에, 기본적인 문법은 JavaScript와 비슷합니다. 하지만 TypeScript는 정적 타입을 지원하기 때문에, 변수의 자료형을 미리 선언해야 합니다. 또한, 클래스, 인터페이스, 모듈 등의 기능을 지원합니다. 아래는 TypeScript의 기본 문법에 대해 설명합니다.

변수 선언
변수를 선언할 때는 let 또는 const 키워드를 사용합니다. let은 재할당이 가능한 변수를 선언할 때 사용하고, const는 상수를 선언할 때 사용합니다. 변수의 자료형은 : 뒤에 명시합니다.

 

let message: string = "Hello, world!";
const PI: number = 3.14;

함수 선언
함수를 선언할 때도 변수와 마찬가지로 : 뒤에 반환값의 자료형을 명시합니다.

 

function add(x: number, y: number): number {
  return x + y;
}

클래스 선언
클래스는 class 키워드를 사용합니다. 클래스 내부에는 속성과 메서드를 정의할 수 있습니다. 클래스의 속성과 메서드는 접근 제한자(public, private, protected)를 사용하여 외부에서 접근할 수 있는 범위를 지정할 수 있습니다.

 

class Person {
  private name: string;
  public age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  public sayHello(): void {
    console.log(`Hello, my name is ${this.name}. I'm ${this.age} years old.`);
  }
}

인터페이스 선언
인터페이스는 interface 키워드를 사용합니다. 인터페이스는 클래스나 객체가 가져야 하는 속성과 메서드를 정의합니다.

 

interface Animal {
  name: string;
  age: number;
  speak(): void;
}

class Dog implements Animal {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  public speak(): void {
    console.log("Bark!");
  }
}

모듈 선언
모듈은 코드를 분리하여 필요한 모듈만 가져와 사용할 수 있도록 합니다. 모듈을 선언할 때는 export 키워드를 사용합니다.

export function add(x: number, y: number): number {
  return x + y;
}

이렇게 선언된 모듈은 다른 파일에서 import 키워드를 사용하여 가져와 사용할 수 있습니다.

 

import { add } from "./math";

console.log(add(1, 2)); // 3