[TS] 라이브러리 설치와 tsc

타입스크립트로 프로젝트 시작하는 방법에 대해 알아보자

// index.ts

function sum(a: number, b: number): number {
  return a + b;
}

sum(10, 20);

지금 위의 ts파일을 js 파일로 변환을 해줘야 하는데 이를 컴파일(compile)이라고 한다

 

터미널을 열어주고 

 

npm i typescript -g

로 설치를 진행해주고 설치과 완료되면 아래처럼 입력하여

 

index.ts 파일을 js 파일로 변환해준다.

tsc index.ts

 

그럼 위 그림처럼  변환된 index.js 파일이 생성된 것을 확인할 수 있다

 

 

 

 

 

 

 

타입스크립트 플레이그라운드 사이트

공부하면서 연습하고 변환되는 걸 확인하기 좋은 사이트라서 남겨놓는다

https://www.typescriptlang.org/play?#code/PTAEHUFMBsGMHsC2lQBd5oBYoCoE8AHSAZVgCcBLA1UABWgEM8BzM+AVwDsATAGiwoBnUENANQAd0gAjQRVSQAUCEmYKsTKGYUAbpGF4OY0BoadYKdJMoL+gzAzIoz3UNEiPOofEVKVqAHSKymAAmkYI7NCuqGqcANag8ABmIjQUXrFOKBJMggBcISGgoAC0oACCbvCwDKgU8JkY7p7ehCTkVDQS2E6gnPCxGcwmZqDSTgzxxWWVoASMFmgYkAAeRJTInN3ymj4d-jSCeNsMq-wuoPaOltigAKoASgAywhK7SbGQZIIz5VWCFzSeCrZagNYbChbHaxUDcCjJZLfSDbExIAgUdxkUBIursJzCFJtXydajBBCcQQ0MwAUVWDEQC0gADVHBQGNJ3KAALygABEAAkYNAMOB4GRonzFBTBPB3AERcwABS0+mM9ysygc9wASmCKhwzQ8ZC8iHFzmB7BoXzcZmY7AYzEg-Fg0HUiQ58D0Ii8fLpDKZgj5SWxfPADlQAHJhAA5SASPlBFQAeS+ZHegmdWkgR1QjgUrmkeFATjNOmGWH0KAQiGhwkuNok4uiIgMHGxCyYrA4PCCJSAA 

TS Playground - An online editor for exploring TypeScript and JavaScript