[TypeScript] 타입으로 강화된 JavaScript

TypeScript 장점

• 타입 안정성: 컴파일 시점에서 버그 감소
• 확장성: 복잡한 애플리케이션 유지보수 및 리팩토링 용이.
• 호환성: 기존 JavaScript 코드에 점진적 통합 가능.
• 생산성: IDE의 자동 완성, 타입 추론으로 개발 속도 향상.

간단한 TypeScript 예제

TypeScript를 시작하려면 프로젝트에 TypeScript를 설치한 후, 아래와 같은 코드를 작성하여 실행해 볼 수 있습니다.

// greet.ts

// 매개변수에 string 타입을 지정하고, 반환값도 string임을 명시합니다.
function greet(name: string): string {
  return `안녕하세요, ${name}님!`;
}

// 'TypeScript'라는 인자를 전달하여 인사말을 출력합니다.
console.log(greet("TypeScript"));

• TypeScript 설치: npm install typescript
• 컴파일: npx tsc greet.ts
• 실행: node greet.js

TypeScript 핵심 기능

• 타입 지정: 변수, 함수 매개변수, 반환값에 명시적 타입 추가
• 타입 추론: 타입을 생략해도 자동으로 추론
• 인터페이스: 객체의 구조를 미리 정의하여 코드의 일관성을 유지, 클래스에서도 구현
• 제네릭: 함수 매개변수와 반환 타입을 지정할 수 있으며, 제네릭을 사용하여 재사용 가능한 함수와 클래스를 작성
• 유니온/인터센션: 복합 타입 표현
• 모듈: ES 모듈 및 CommonJS 지원

TypeScript vs JavaScript

특징	JavaScript	TypeScript
타입 시스템	동적	정적
오류 감지	런타임	컴파일
도구 지원	기본적인 편집기	고급 자동완성, 리팩토링
학습 곡선	낮음	중간