# 타입스크립트

타입스크립트는  자바스크립트의 슈퍼셋으로 정적 타입 시스템을 추가하여 코드의 안정성과 유지보수성을 높이는 언어입니다. 이번 글에서는 타입스크립트의 기본 개념을 알아보겠습니다.

## 1. 타입스크립트란?

### 타입스크립트의 특징
- **정적 타입 시스템**: 트랜스파일 단계에서 타입을 체크하여 런타임 오류를 사전에 방지할 수 있습니다.
- **ES6+ 지원**: 최신 자바스크립트 문법을 지원하며, 브라우저 호환성을 위해 ES5로 트랜스파일 가능합니다.
- **인터페이스와 제네릭**: 대규모 프로젝트에서도 유지보수성을 높일 수 있는 강력한 기능을 제공합니다.
- **OOP 지원**: 클래스, 인터페이스, 상속 등 객체지향 프로그래밍 개념을 활용할 수 있습니다.

## 2. 타입스크립트 설치 및 설정

### 타입스크립트 설치
```sh
npm install -g typescript
```

### 타입스크립트 컴파일
```sh
tsc filename.ts
```

### `tsconfig.json` 설정
타입스크립트 프로젝트에서는 `tsconfig.json` 파일을 생성하여 설정을 관리할 수 있습니다.
```json
{
  "compilerOptions": {
    "target": "ES6",
    "module": "CommonJS",
    "strict": true
  }
}
```

## 3. 기본 타입
타입스크립트는 다양한 기본 타입을 제공합니다.

```ts
let isDone: boolean = false;
let age: number = 30;
let firstName: string = "John";
let list: number[] = [1, 2, 3];
let tuple: [string, number] = ["hello", 10];
```

## 4. 함수와 인터페이스

### 함수의 타입 지정
```ts
function add(a: number, b: number): number {
  return a + b;
}
```

### 인터페이스
인터페이스를 사용하면 객체의 구조를 정의할 수 있습니다.
```ts
interface Person {
  name: string;
  age: number;
}

let user: Person = {
  name: "Alice",
  age: 25
};
```

## 5. 클래스와 상속
타입스크립트는 ES6의 클래스 문법을 기반으로 하며, 추가적인 기능을 제공합니다.

```ts
class Animal {
  name: string;
  
  constructor(name: string) {
    this.name = name;
  }

  makeSound(): void {
    console.log("Some sound");
  }
}

class Dog extends Animal {
  bark(): void {
    console.log("Woof! Woof!");
  }
}

let dog = new Dog("Buddy");
dog.makeSound(); // Some sound
dog.bark(); // Woof! Woof!
```

## 6. 제네릭
제네릭을 사용하면 코드의 재사용성을 높일 수 있습니다.

```ts
function identity<T>(arg: T): T {
  return arg;
}

console.log(identity<number>(10)); // 10
console.log(identity<string>("Hello")); // Hello
```

## 7. 타입스크립트의 장점
- 코드의 **가독성**과 **유지보수성** 향상
- 정적 타입 체크로 **버그 예방**
- **대규모 프로젝트**에서 생산성 향상

## 8. 결론
타입스크립트는 자바스크립트의 강력한 기능을 유지하면서도 정적 타입 시스템을 제공하여 개발 생산성을 높여줍니다.



타입스크립트란?

타입스크립트란 무엇인가

FrontEnd

TypeScript

타입스크립트란?

김동환