[타입스크립트] global variable 선언하기

구글 소셜로그인을 구현하던 중 아래와 같은 오류가 난 경험이 있습니다. 자바스크립트에서는 오류가 나지 않지만 타입스크립트에서는 이러한 오류가 나서 왜인지 찾아봤더니 글로벌 변수인 구글의 타입을 선언해주어야만 타입스크립트에서 정상적으로 실행이 된다는 것을 알게 되었습니다.

🔷 해결 방법

1. src > @types > global.d.ts 파일을 생성한 후, 아래 코드를 추가해줍니다.

// global.d.ts
export {};

declare global {
  interface Window {
    google: any;
  }
}

2. tsconfig.json 파일의 "typeRoots" 속성에 해당 경로를 써주면 해결됩니다.

{	...
	"typeRoots": [...,"./src/@types"]
}