JavaScript - TypeScript

TypeScript란?

• 마이크로소프트에서 구현한 JacaScript의 슈퍼셋(Superset) 프로그래밍 언어
• 정작 타입 정의 (Static Type Definitions)을 추가한 것
• 쉽게 말해 JavaScirpt는 예로 변수 지정 시 타입을 지정 하지않지만(JavaScrpit는 동적 타입) TypeSript를 통해서 타입을 지정하는 것

 

타입의 종류

• Boolean: true, false 타입

  let boolean_type_1 :boolean = false;
  let boolean_type_2 :boolean = 123; // Error​

• Number: 숫자형

  let number_type_1 :number = 123;
  let number_type_2 :number = "123"; // Error​

• String: 문자형

  let string_type_1 :String = "123";
  let string_type_2 :String = 123; // Error​

• Object: Object 형식

  let object_1 :{ name: string } = { name: 'kim' };
  
  // 타입 속성을 변수로 지정 가능 (첫번째 문자는 대문자)
  type Object_type_1 = {
    name: string
  };
  let object_2 :object_type_1 = { name: 'kim' };
  
  // 문자열로 된 키는 전부 String으로 지정
  type Object_type_2 = {
    [key :string]: string
  };
  let object_3 :object_type_2 = { name: 'kim', age: '123'};

• Array: 배열 타입

  let array_type_1 :string[] = ['kim', 'park'];
  
  let array_type_1 :string[] = ['kim', 123]; // Error​

• Tuple: 튜플 타입으로 array 타입의 요소들을 순서대로 타입을 지정

  let tuple_type_1 :[number, boolean] = [123, true];
  let tuple_type_2 :[number, boolean] = [123, 123];  // Error​

• Enum: 열거 타입으로 숫자형, 문자열의 상수들의 집합 (객체)

  emum Enum_type {
  	One,
      two,
      three
  }
  // Enum_type 원소만 선언 가능
  let enum_test :Enum_type = Enum_type.One; // 값 = 0

• Any: 어떤 타입이든 저장 가능한 타입
• Void: undefined와 null만 할당하고 함수에는 리턴 값을 설정할 수 없는 타입
• Null: null 값만 가질 수 있는 타입
• Undefined: Undefined 값만 가질 수 있는 타입
• Never: 절대 발생할 수 없는 타입, 함수에서 항상 오류를 발생 시키거나 절대 반환하지 않는 반환 타입에 사용

 

함수에서의 사용

function function_type_1(aaa :string) {}

function function_type_2() :string {
	return "123";
}

 

참고 링크 1: https://youtu.be/xkpcNolC270

참고 링크 2: https://www.samsungsds.com/kr/insights/TypeScript.html

활용도가 높아지는 웹 프론트엔드 언어, 타입스크립트(TypeScript)

참고 링크3: https://hasudoki.tistory.com/entry/Vuejs-Vue3Typescript-1-Vue-TypeScript-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0Why-Vue-TypeScript

[Vue.js] Vue3+Typescript #1 - Vue, TypeScript 사용하는 이유(Why Vue & TypeScript)