타입스크립트 기초 (23.04.12)

typescirpt는 선택적으로 주석, class, 인터페이스 등 기존 자바스크립트에 추가하는 정적인 언어로 개발자들이 오류를 덜 발생시키고 유지보수가 쉬운 확장성 있는 코드를 작성할 수 있도록 합니다.

예시를 통해 살펴보도록 하겠습니다.

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

class Employee implements Person {
  constructor(public name: string, public age: number, public email?: string) {}

  greet(): void {
    console.log(`Hello, my name is ${this.name}.`);
  }
}

const alice = new Employee("Alice", 30, "alice@example.com");
alice.greet();

위 코드에서는 name, age, email 등의 인터페이스를 정의하고 Person의 속성을 설명하는 Employee 라는 클래스를 선언하였습니다. Employe에는 name, age, email 등과 콘솔을 통해 greet의 상황에 따른 name string을 기록하고 있습니다. 

그리고 const alice라는 변수에 new Employee의 각 name, age, email을 할당해주었습니다.

alice의 내용을 greet에 담아주도록 하였습니다.

타입스크립트의 장점은 런타임보다 컴파일 시간을 잡을 수 있습니다. 위 예시로 name, age, email 등을 생성할 때 컴파일러 코드를 실행할 수 있습니다.

또 vs code에서 자동완성 기능을 제공하고 있어 개발자가 코드를 더 신속하고 정확하게 작성 가능합니다.

이상으로 타입스크립트의 개요를 알아보았습니다.