[250306] TypeScript의 시작

오늘은

TypeScript에 대해 배웠습니다.
TypeScript는 마이크로소프트에서 만든 JavaScript의 확장 언어입니다.
JavaScript는 동적 타입 시스템을 사용하기 때문에 코드 실행 중 타입 에러가 발생할 가능성이 높습니다.
TypeScript는 이러한 문제를 정적 타입 검사로 해결하며, 코드 작성 시점에서 타입 오류를 잡아줄 수 있습니다.

---

📌 배운 내용 정리

1. 기본 타입 선언

TypeScript에서는 string, number, boolean 등의 기본 타입을 명시적으로 선언할 수 있습니다.

let message: string = 'Hello, TypeScript!';
let count: number = 42;
let isActive: boolean = true;

2. 배열 타입

배열 타입은 type[] 혹은 Array<type>으로 정의할 수 있습니다.

let numbers: number[] = [1, 2, 3];
let strings: Array<string> = ['a', 'b', 'c'];

3. 객체 타입

객체 타입은 interface 또는 type으로 정의할 수 있습니다.

interface User {
  id: number;
  name: string;
}

const user: User = {
  id: 1,
  name: 'Alice'
};

4. 유니언 타입

유니언 타입은 여러 타입을 동시에 허용합니다.

let value: string | number;
value = 'Hello';
value = 42;

5. 함수 타입 정의

함수의 매개변수와 반환 타입을 명시할 수 있습니다.

function add(a: number, b: number): number {
  return a + b;
}

6. 제네릭(Generic)

제네릭은 타입을 함수처럼 받아서 사용할 수 있습니다.

function identity<T>(value: T): T {
  return value;
}

const result = identity<string>('Hello');

7. 타입 단언

값의 타입을 강제로 지정할 수 있습니다.

let value: any = 'This is a string';
let length: number = (value as string).length;

8. typeof로 타입 추론

typeof를 사용하면 기존 값의 타입을 기반으로 타입을 정의할 수 있습니다.

const num = 42;
let newNum: typeof num; // number 타입으로 추론됨

✅ 마무리

TypeScript는 JavaScript에 타입 시스템을 추가함으로써 코드의 안정성과 가독성을 높여줍니다.
처음에는 생소한 개념이 많지만, 아예 새로운 언어는 아니라 코드를 작성하면서 자연스럽게 익숙해질 것입니다.