TypeScript 기초 - 타입 시스템과 기본 문법 | 백틱

typescriptbasics

TypeScript 기초 - 타입 시스템과 기본 문법

강경원

강경원· 2026년 2월 10일· 읽는 데 약 3분

조회 0

TypeScript는 JavaScript에 정적 타입 시스템을 추가한 언어입니다.
컴파일 시점에 타입 오류를 발견할 수 있어, 대규모 프로젝트에서 코드 안정성을 크게 향상시킵니다.

1. 기본 타입

let name: string = "kwkang";
let age: number = 30;
let isActive: boolean = true;
let items: string[] = ["a", "b", "c"];
let user: { name: string; age: number } = { name: "kwkang", age: 30 };

기본 타입: string, number, boolean, null, undefined
배열: string[] 또는 Array<string>
객체: { key: type } 형태로 타입 정의

2. 타입 추론

let name = "kwkang"; // 타입: string (자동 추론)
let age = 30; // 타입: number (자동 추론)

// 명시적 타입 선언이 필요한 경우
let value: string | number; // 유니온 타입

TypeScript는 대부분의 경우 타입을 자동으로 추론합니다.
명시적 타입 선언은 타입이 복잡하거나 추론이 어려울 때 사용합니다.

3. 인터페이스와 타입 별칭

// 인터페이스
interface User {
  id: number;
  name: string;
  email?: string; // 선택적 속성
}

// 타입 별칭
type Status = "pending" | "approved" | "rejected";

// 인터페이스 확장
interface Admin extends User {
  role: "admin";
}

function greet(name: string): string {
  return `Hello, ${name}`;
}

// 화살표 함수
const add = (a: number, b: number): number => a + b;

// 옵셔널 파라미터
function log(message: string, prefix?: string): void {
  console.log(prefix ? `${prefix}: ${message}` : message);
}

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

const result = identity<string>("hello");
const numberResult = identity<number>(42);

// 제네릭 인터페이스
interface Container<T> {
  value: T;
  getValue(): T;
}