2. typescript - 개발환경 설정

online 상황에서 사용하기 

typescript에서 자체적으로 playground를 지정하고 있다. 

https://www.typescriptlang.org/play/

TypeScript Playground

 

개인 로컬환경에서 사용하기 

우선 텍스트에디터 vscode, notepad, vim, 등등 모든 것을 사용해도 됩니다.

 

타입스크립트 컴파일러 

타입스크립트 컴파일러는 ts파일을 js파일로 변화시킵니다. tsc를 동등한 기능을 하는 js코드로 변환시킵니다. 

이런 것을 transpliation(트랜스파일)을 해줍니다.  이전까지 컴파일이라는 용어를 사용했지만 

 

transpliation: 한어로 작성된 소스 코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환합니다. 

 

설치하는 방법 

우선 타입스크립트를 설치하기 앞서 Node.js를 설치해야합니다. 

 

window 

https://nodejs.org/ko/

Node.js

 

mac이면 

 

brew install node

 

그리고 공통적으로 아래 둘 중 선택하여 설치하면됩니다. 

npm 
npm install -g typescript 
yarn
yarn global add typescript 

 

index.ts

class Person {
  private name: string;

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

  sayHello() {
    return "Hello, " + this.name;
  }
}

const person = new Person("Lee");

console.log(person.sayHello());

 

컴파일 진행

tsc index

 

변환된 js

var Person = /** @class */ (function () {
    function Person(name) {
        this.name = name;
    }
    Person.prototype.sayHello = function () {
        return "Hello, " + this.name;
    };
    return Person;
}());
var person = new Person("Lee");
console.log(person.sayHello());