[React] window object 확장 (for cra)

타입스크립트 cra로 만든 프로젝트에서 window object 확장해야하는 경우가 있었다
그럴 땐 react-app-env.d.ts 에 window object를 정의하면 된다

/// <reference types="react-script" />

interface Window {
  // example
  API_URL: string;
}

react-app-env.d.ts 파일은 typescript 타입 선언을 참조하며, 리소스 파일 가져오기에 대한 지원을 추가한다 (.module.css, .module.scss 확장자를 가진 css 모듈 포함)

ref

• https://jaewook.me/create-react-app-typescript-window-object
• https://velog.io/@swanious/TIL-.d.ts%ED%8C%8C%EC%9D%BC%EC%97%90%EC%84%9C-reference-typesreact-scripts%EC%9D%B4-%EB%AD%98%EA%B9%8C
• https://sangseophwang.tistory.com/89