Javascript/Nuxt

[Nuxt] Typescript 타입 무시 declare var

eulBlue 2024. 5. 16. 15:39

📱테스트 환경

"nuxt": "^3.11.2"
"vue": "^3.4.21"
"vue-router": "^4.3.0"

Nuxt 에서 utils 함수를 만들어놓고 사용하려고 만들고 있는데

카카오 주소 검색을 통해 데이터를 가져오기 위한 함수를 만들고 있었다.

공식 문서에 적힌대로 따라하면 문제가 없을 것이란 생각에 열심히 하는데

daum.Postcode({
	...
})

공식문서는 js 로 작성되어있다보니 ts 로 했다가 daum 에서 에러가 발생한다.

실행이안되는건 아니지만 파일명이 빨갛고 .. 에러가 떠있으면 매우 몹시 불편하니까

제일 좋은 방법은 해당 타입을 명시해주는거지만 개발을 빠르게 진행해야하는 상황속에서

하나하나 정의하기가 힘들것 같아서 해당 타입을 일단 무시하게 해놓고 추후 수정하기로 했다.

ㅇㅣ 과정속에서 사용한게 바로 declare var 인데 사용방법은 다음과 같다.

// 타입스크립트 daum 무시 -> 나중에 수정 필요
declare var daum: any;

export const searchKakaoAddress = () => {
  return new Promise((resolve, reject) => {
    ...
    }).open();
  });
};

일단 무시할 수 있도록 해놓고 나중에 수정할 수 있도록 주석으로

알아볼 수 있도록 해놓았다.

애초에 declare var 와 any 를 쓸꺼면 ts 를 쓰는 이유가없다.

그렇기 때문에 사용하지 않는 걸 권하지만 급한 상황에서는 써야지 뭐 ... ^^