TS는 웹 브라우저 상에서 바로 show 할 수 없습니다. (React가 Babel이 필요하듯이..)
그렇기때문에 TS를 JS로 변환해주는 Compile 과정이 필요합니다.
다음은 TS를 JS로 컴파일하는 방법입니다.
Node.js는 구글에 Node.js 설치를 검색하면 바로 실행할 수 있습니다.
그리고 cmd 터미널 창에 node -v
명령어를 통해 노드의 버전을 확인합니다. 이때 버전이 잘 뜬다면 설치가 제대로 됐다는것을 의미합니다.
TS 컴파일을 위해선 Node의 version은 v.10 이상을 권장합니다.
변환하고자 하는 파일의 dir로 이동합니다
cd (변환하려는 TS 파일 dir)
tsc
(TypeScript compile) 를 npm package 설치
npm i typescript -g
변환하고자 하는 TS파일을 컴파일합니다.
tsc (변환하려는 TS 파일)
tsc 명령어를 실행 후,
다음과 같이 index.js
파일이 생성되어 컴파일이 성공적으로 됐음을 알 수 있습니다.
TS를 JS로 컴파일을 하면서 세부 설정을 세팅할 수 있습니다. 대표적인 compilerOption은 다음과 같이 설정 할 수 있습니다.
{
"compilerOptions": {
"allowJs": true,
"checkJs": true,
"noImplicitAny": true
}
}