Javascript 파일에서 Typescript 체크기능 사용하기

in upvu •  2 years ago 

Typescript는 당연하게도 확장자 ts에서는 문법체크가 자동으로 이루어집니다.

하지만 JS의 경우에는 d.ts(declaration file) 로 타입을 모두 선언해주거나 JSDoc 을 이용하여 TS의 맛을 볼 수 있는 기능이 있습니다.

기존에는 d.ts 만 알고 있었는데.. JSDoc 을 이용하는 방법도 생각보다 괜찮아 보여서 소개드립니다.


위에 이미지는 실제로는 .js 파일인데, 파일 최상단에 @ts-check 을 주석형태로 입력하고, 함수 위에 주석에 param/returns 에 type을 선언하면 Javascript 에서도 Typescript가 작동을 하네요.

// @ts-check
/**
 * description
 * @param {type} 변수명
 * @returns {return type}
*/

이렇게 returns 값과 실제 return 되는 값이 다르면 위 이미지에 return true;에 물결로 문제가 있다는 것을 표시해줍니다.


가끔 기존에 작성한 js 파일을 ts로 바꾸고 싶어도 파일이 크거나 민감한 파일인 경우에는 변경하는 것이 쉽지 않았는데, 이런식으로 타입체크만 잘하게 하는 것도 나쁘지 않은 것 같다는 생각이 드네요.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE BLURT!