Typescript 기초 실행해보기

typescript compiler

$ npm i -g typescript ts-node

$ npm i axios

 

index.ts 코드 생성

import axios  from 'axios';

const url = 'https://jsonplaceholder.typicode.com/todos/1';

axios.get(url).then(response =>{
  console.log(response);
});

 

코드 생성 후에 컴파일하고 생겨난 index.js 를 실행할 수 있다.

$ tsc index.ts
$ node index.js

 

이를 매번 두번 실행하는것은 비효율 적이라서 ts-node를 사용하면 되는데,,

그냥 실행하면 에러가 발생한다!

 

해당 패키지들을 설치해주고

$ npm i @types/node --save-dev

$ npm i ts-node --save-dev

컴파일한다음 javascript로 실행하는 것을 한번에하는 명령어

// tsc index.ts + node index.js
$ ts-node index.ts

 

이렇게 하면된다.

 

---

 

인터페이스는 객체의 구조를 정의한다.

interface Todo {
  id: number;
  title: string;
  completed: boolean;
}