1. Typescript? 

  • TypeScript는 MS에 의해 개발/관리되고 있는 오픈소스 프로그래밍 언어이다.
  • 자바 스크립트에 타입을 부여한 언어로 JS의 확장된 언어이다.

 

2. Typescript 왜 쓸까?

https://2020.stateofjs.com/en-US/technologies/javascript-flavors/

 

높은 수준의 코드 탐색과 디버깅

타입스크립트는 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거한다. 또한 코드 자동완성이나 실행 전 피드백을 제공하여 작업과 동시에 디버깅이 가능해 생산성을 높일 수 있다.

자바 스크립트 호환

백이던 프론트건 js를 사용할 수 있는 모든 곳에 호환이 가능하다. 

 

강력한 생태계

그리 오래되지 않았음에도 불구하고 강력한 생태계를 가지고 있다. 대부분의 라이브러리들이 타입스크립트를 지원하며 마이크로 소프트의 비주얼 스튜디오 코드를 비롯해 각종 에디터가 타입스크립트 관련 기능과 플러그인을 지원한다.

 

3. Type의 종류? 

  • Boolean 
let isDone: boolean = false;
  • Number / String
let decimal: number = 6;
let hex: number = 0xf00d;

let color: string = "blue";
color = 'red';
  • Array
let list: number[] = [1, 2, 3];
  • Enum
enum Color {Red, Green, Blue}
let c: Color = Color.Green;
  • Any   (알지 못하는 type 표현해야 할 경우)
let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // 성공, 분명히 부울입니다.
  • Void (Any의 반대 타입과 같다)
function warnUser(): void {
    console.log("This is my warning message");
}
  • Never
function error(message: string): never {
    throw new Error(message);
}

 

 

ref: https://typescript-kr.github.io/pages/basic-types.html

+ Recent posts