글로벌 변수 문제

글로벌 멤버 명시적 선언

정적 HTML 파일(예: public/index.html)에서 전역에 변수를 정의하는 스크립트(예: $, _)를 포함하고, React 개발 코드에서 이러한 변수에 접근하려 할 경우 린터(linter)에서 변수를 알 수 없으므로 오류를 출력할 수 있습니다.

이 문제는 window 객체의 멤버로서 전역 변수를 읽어야 오류를 방지할 수 있습니다. 린터에 이것은 오류가 아니라, 의도적으로 전역 변수를 사용하고 있음을 분명히 하여 오류가 아님을 알려주는 것입니다.

const { _ } = window

_.flatten([1, [2, [3, [4]], 5]])

다른 방법은 // eslint-disable-next-line 주석을 추가해 아래 줄 코드를 무시하도록 강제 설정하는 것입니다.

// eslint-disable-next-line no-undef
_.flatten([1, [2, [3, [4]], 5]])