TypeScript 연산자 종류와 사용법 가이드

TypeScript 연산자: 종류, 사용법, 예제

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

  • *대상자**: TypeScript 및 JavaScript 개발자
  • *난이도**: 중급 이상 (타입스크립트의 타입 시스템과 연산자 사용법을 이해하는 개발자)

핵심 요약

  • 타입스크립트 연산자 종류: 수학적(예: +, -, *, /), 할당(=), 비교(===, !==), 논리(&&, ||), 비트(&, |), 조건(? :), 타입 특화(typeof, keyof, as) 등 7가지 주요 카테고리로 나뉨
  • 타입 안전성 강조: === 대신 == 사용으로 타입 강제 변환 오류 예방, as 키워드로 타입 단언 시 안전한 변수 처리
  • 실무 활용 팁: keyof로 객체 타입 키 추출, instanceof로 클래스 인스턴스 확인 등 타입스크립트 고유 기능 활용

섹션별 세부 요약

1. 수학적 연산자

  • +, -, *, /, % 연산자로 수치 계산 수행
  • ++, -- 증감 연산자 사용 예: let a: number = 10; console.log(a++); // 10
  • 예제: let b: number = 3; console.log(a % b); // 1

2. 할당 연산자

  • =, +=, -=, *= 등으로 변수에 값 할당
  • 예: let score: number = 50; score += 10; // score = 60

3. 비교 연산자

  • == (값 비교), === (값 및 타입 비교) 차이점 강조
  • 예: let x = 10, y = "10"; console.log(x === y); // false

4. 논리 연산자

  • &&, ||, !로 조건 결합 및 부정 처리
  • 예: if (isLoggedIn && isAdmin) { ... }

5. 비트 연산자

  • &, |, ^, ~, <<, >>, >>>로 32비트 이진수 조작
  • 주로 플래그 관리 및 비트마스크 처리에 활용

6. 조건 연산자

  • ? :if...else 대체
  • 예: let message = age >= 18 ? "Adult" : "Minor";

7. 타입 연산자

  • typeof: 변수 타입 반환 (typeof value)
  • keyof: 객체 타입 키 추출 (keyof Person)
  • instanceof: 클래스 인스턴스 확인 (value instanceof Class)
  • as: 타입 단언 (value as string)

결론

  • 타입스크립트 연산자 사용 팁: === 대신 == 사용으로 타입 강제 변환 오류 예방, keyof로 타입 안전한 객체 키 추출, as로 타입 단언 시 명시적 처리
  • 핵심 원칙: 연산자 선택 시 타입스크립트의 타입 시스템을 고려해 코드 안정성과 가독성을 극대화해야 함