웹_프론트엔드/로드맵 챌린지

타입 검사 - TypeScript (타입스크립트)

young 2022. 3. 17. 08:49
반응형

TypeScript (타입스크립트)

Microsoft에서 구현한 JavaScript의 슈퍼셋(superset) 프로그래밍 언어로, JavaScript에 타입을 부여하여 컴파일 결과물로 JavaScript 코드를 출력한다. 정적 타입을 명시하여 JavaScript에서 생길 수 있는 타입 에러들을 잡아내어 개발자가 의도한 변수나 함수 등의 목적을 명확하게 전달하기 위해 사용한다. 파일 확장자는 ".ts"다.

 

TypeScript 로고

JavaScript vs. TypeScript

// math.js
function sum(a, b) {
  return a + b;
}

// math.ts
function sum(a: number, b: number) {
  return a + b;
}

위와 같이, TypeScript는 데이터 타입을 사전에 지정하여, a와 b에 다른 타입이 들어오면 에러를 리턴한다.

 

 

TypeScript의 기본 타입 및 선언 예시

기본 타입으로 총 12가지가 있다.

  • Boolean: let isTrue: boolean = false;
  • Number: let num: number = 10;
  • String: let str: string = 'this is an exmaple';
  • Object (any와 비슷하나 컴파일 중에 속성을 검사함): let num: Object = 123; 
  • Array: let arr: number[] = [1,2,3];
  • Tuple: let arr: [string, number] = ['ts-example', 10];
  • Enum: enum Fruits {Apple, Banana, Peach}; let myFruits: Fruits = Fruits.Apple;
  • Any (모든 타입 허용): let num: any = "1234";
  • Void (undefined와 null만 할당): let unuseful: viod = undefined;
  • Null: let udf: string | null= null;
  • Undefined: let udf: string | undefined = undefined;
  • Never (함수의 끝에 절대 도달하지 않는다는 의미의 타입): function neverEnd(): never {while (true)}

 

설치

TypeScript를 사용하려면 npm이 필요하다

npm i -g typescript

 

 

공식 문서

https://www.typescriptlang.org/docs/

 

The starting point for learning TypeScript

Find TypeScript starter projects: from Angular to React or Node.js and CLIs.

www.typescriptlang.org

 

반응형