article thumbnail image
Published 2022. 7. 25. 02:53

 

자바스크립트 파일을 타입스크립트로 바꾸니 

수많은 빨간 밑 줄...😩

 

더 살펴보면 밑줄이 되어있지 않은 변수를 만드는 코드도 많은데,

그중에서 반복문이 있다.

 

makeFeeds에 for문을 보면 let i=0; 하고 변수 i 를 만들었다.

타입스크립트라면 아래처럼 타입을 지정해줘야한다.

(i는 number 타입이니까 number를 지정해주었다.)

하지만 내가 타입지정을 안했는데도 에러마크가 표시가 안된다.

 

이런것들을 바로 타입 추론이라 하는데 

타입 추론이란? 타입스크립트가 코드상의 상황을 인지하고

" 이 i 라는 변수의 타입은 숫자를 넣고 있으니, 당연히 넘버 타입이겠지?"

하고 타입을 추론해 주는 것이다.

이런 상황에서는 타입스크립트는 우리 눈에는 보이지않지만 내부적으로 타이핑을 해준다.

 

그 증거로는?

변수 i에 10을 넣을땐 아무런 문제가 없지만 (number 타입이라)

i에 string인 'seo0'을 넣으니 바로 빨간색 밑 줄이 그어진 것을 볼 수 있다.

 

왜냐하면 코드로 타이핑은 하지 않았지만

타입스크립트의 타입 추론이라고 하는 메커니즘으로 넘버 타입으로 타이핑이 된 것이다.

 

이렇게 누가 봐도 명확한 타입은 타입스크립트로 굳이 타이핑을 하지않아도 된다.

'개발이야기 > TS' 카테고리의 다른 글

[TS] 인터페이스  (0) 2022.08.02
[TS] 타입 가드  (0) 2022.07.25
[TS] 타입스크립트 환경설정  (0) 2022.07.22
[TS] 타입스크립트  (0) 2022.07.20
복사했습니다!