타입스크립트 ts 기본 문법 익히기 -2

이번엔 자료형을 다르게 해서 할당을 해보자.

//index.ts
let a = 'hello';
a = 123;

타입스크립트 에러가 에디터에서 바로 뜨는 것을 볼 수 있다. 

또 콘솔에 npx tsc를 하게 되면 다음과 같다

동일하게 에러를 확인 할 수 있다. 

 

그런데 npx tsc를 하고 index.js를 보면 컴파일이 되어 있는 것을 볼 수 있다. 

에러가 있는 코드가 컴파일이 되버렸다.  

*tsc는 타입 검사와 자바스크립트 변환, 두 기능이 합쳐진 것이다. 그런데 타입 검사에서 에러가 발생 했다고 해서 자바스크립트 변환을 막지 못한다. 따라서 위와 같은 현상이 발생한 것이다. 

 

아무튼 간에... 왜 오류가 났는가에 초점을 일단 맞춰보자. 자바스크립트에서는 사실상 위의 코드가 에러가 아니다.

하지만 타입스크립트에서는 변수 a에 할당된 데이터가 'hello'라는 문자열이면 앞으로 변수 a는 문자열 변수가 된다.

따라서 문자열 변수에 숫자를 할당하려고 하면 타입 에러가 발생하는 것이다.

 

그러면 타입 검사만 하고 변환은 하기 싫다면 어떻게 해야 하는가?

npx tsc --noEmit 하면 된다. 

에러 검사는 하지만 index.js가 생성되지 않을 것이다.