전역 변수는 함수 외부에서 선언되고 모든 함수에서 접근할 수 있는 변수입니다. 반면, 지역 변수는 함수 내부에서 선언되고 해당 함수 내에서만 접근할 수 있는 변수입니다.

예를 들어, 다음과 같은 코드를 살펴보겠습니다:

var x = 10; // 전역 변수

function foo() {
  var x = 20; // 지역 변수
  console.log(x); // 출력: 20 (지역 변수 값)
}

foo();
console.log(x); // 출력: 10 (전역 변수 값)

위의 코드에서 x 변수는 전역 변수와 지역 변수 두개가 있습니다. foo 함수 내부에서는 x라는 이름의 지역 변수가 선언되어 있기 때문에 함수 내에서의 x는 20이 됩니다. 그러나 foo 함수 외부에서의 x는 전역 변수이기 때문에 10이 유지됩니다.

따라서, 변수 이름을 지정할 때 전역 변수와 지역 변수 간의 충돌을 피하기 위해 변수의 범위를 고려해야 합니다. 전역 변수는 애플리케이션 전체에서 접근할 수 있기 때문에 의도치 않은 오류가 발생할 수 있습니다. 따라서, 변수의 범위를 가능한한 좁게 유지하고, 변수 이름에 의미 있는 접두어를 붙여서 혼동을 줄이는 것이 좋습니다.

더 자세한 내용은 다음의 링크를 참고하세요:

• MDN JavaScript 변수
• MDN JavaScript 스코프