Typescript

타입스크립트

• 자바스크립트에 정적인 타입 개념을 도입한 언어, 자바스크립트에서 동적으로 관리되던 타입을 엄격하게 관리

• 자바스크립트의 superset, 자바스크립트 기본 문법에 타입스크립트 문법을 추가한 언어

• class와 interface의 특징을 지원해 객체지향 프로그래밍 환경 제공

동작

한 번 사용해보자

class Person{
  constructor(name, age){
    this.name = name;
    this.age = age;
  }

  showPersonInfo(){
    console.log(`my name is ${this.name}, I'm ${this.age} years old`);
  }

  addAge(year){
    this.age += year;
  }
}

const person = new Person(10, 'Tom'); // name, age
console.log(person); // {name: 10, age: 'Tom'}

person.addAge('1'); //'Tom1'

class Person{
  name: string;
  age: number;

  constructor(name: string, age:number){
    this.name = name;
    this.age = age;
  }

  showPersonInfo(){
    console.log(`my name is ${this.name}, I'm ${this.age} years old`);
  }

  addAge(year: number){
    this.age += year;
  }
}

const person = new Person(10, 'Tom');
console.log(person);

person.addAge('1');

참고

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

인쇄하기 2012년 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어입니다. 요즘은 대형 SI 프로젝트에서 흔하게 사용되고 있으며 개발자 구인 시 우대사항 기술로도 자주 언급되고 있습니다. 개발자 지식공유 서비스인 스택 오버플로(Stack Overflow)에서 2020년 전세계 6만 5천 명의 개발자를 대상으로 실시한 설문조사에 따르면 타입스크립트는 개발자가 가장 좋아하고 관심을 가지는 프로그래밍 언어 2위에 올랐습니다.

https://www.samsungsds.com/kr/insights/typescript.html

Why TypeScript? | 타입스크립트 핸드북

타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다. 자바스크립트도 충분히 복잡하고 어려운데 왜 또 다른 언어를 배워야 할까요? 단지 최신 기술이라서? 혹은 다른 회사도 많이 사용하니까 우리도 써야 하는 걸까?

https://joshua1988.github.io/ts/why-ts.html#%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%9E%80

Handbook - The TypeScript Handbook

Over 20 years after its introduction to the programming community, JavaScript is now one of the most widespread cross-platform languages ever created. Starting as a small scripting language for adding trivial interactivity to webpages, JavaScript has grown to be a language of choice for both frontend and backend applications of every size.

https://www.typescriptlang.org/docs/handbook/intro.html