타입스크립트 - 트랜스파일링

타입스크립트 컴파일러 ( tsc ) 는
타입스크립트 파일( .ts)을 자바스크립트 파일(.js)로 트랜스 파일링 한다

트랜스파일이란

어떤 프로그래밍 언어로 작성된 소스 코드를 다른 프로그래밍 언어로 된 소스 코드로 변환 시켜주는 프로그램

컴파일러와의 차이

• 컴파일: 특정 언어로 작성된 소스 코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환하는 것
  • Java -> bytecode
  • c -> assembly
• 트랜스파일: 특정 언어로 작성된 소스 코드를 다른 언어로 변환하는 것
  • es6 -> es5 
  • c++ -> c 

트랜스파일링 방식

1. tsc: 빌드 출력 결과와 소스 입력 파일이 거의 비슷할 때
2. tsc + babel: 여러 잠재적인 결과물을 내는 빌드 파이프라인이 필요할 때. babel로 트랜스파일링하고 tsc로 타입 검사

트랜스파일링 하는 이유

브라우저와 Node.js는 타입스크립트로만 되어있는 파일은 이해할 수 없다. 그렇기 때문에
타입스크립트 파일을 자바스크립트 파일로 트랜스 파일링을 통하여 브라우저가 해석할 수 있게 만든다.

출처
https://ideveloper2.tistory.com/m/166

https://typescript-kr.github.io/pages/tutorials/babel-with-typescript.html