[TypeScript] 자바스크립트(js) 파일 임포트하여 사용하기

최근 NativeScript + Vue3(w/TypeScript)로 하이브리드 앱 개발을 계속 하고 있다.

사실 타입스크립트 사용은 고려대상에 없었으나, 네이티브스크립트 + 뷰3 하이브리드 앱 베이스가 타입스크립트 기반으로 되어 있어서 어쩔 수 없이 사용하고 있다. 

타입스크립트의 장점은 명확한 타입 사용을 강제하여 코드 품질을 향상시키고 이슈가 될 만한 것들을 컴파일 시 알 수 있게하여 고품질의 코딩을 가능케 한다라고 나와 있으나.. 사실 엄격한 코딩룰이 있기 때문에 코딩을 하면서 신경 쓰이는 게 한 두가지가 아니고.. 이로인해 코딩 속도가 더욱 떨어지는 느낌이다 ㅠㅠ

 

구글링 하다 보면, Vuex 적용 시 타입스크립트 모듈화에 익숙해지면 훨씬 편하다곤 하는데 아직 그 정도의 실력자가 아닌지라 적응하는게 쉽지 않다.

 

여튼, 기존의 앱에서 자바스크립트로 작성된 js 파일을 거의 수정하지 않고 그대로 임포트하여 사용하기 위해서는 설정이 하나 필요하다.

 

tsconfig.json 파일에 설정을 해야 하는 것인데, 자바스크트의 확장이 타입스크립트이기 때문에 어찌보면 당연히 사용되어야 할 것 같기도 하다. 아래 그림의 가장 마지막 중 "allowJs": true 이 부분을 추가하면 ts 파일에서도 js 파일을 임포트하여 충분히 사용할 수 있다. 물론 권장하지는 않는다고 한다. 실제로 해보니.. 비권장하는 이유가 있다. 왠만하면 TypeScript에 맞도록 수정해서 사용토록하자.