JavaScript Variables: 변수 사용법과 이해 - 좋은공간 좋은집

JavaScript에서 변수(Variable)는 데이터를 저장하고 관리하는 데 사용되는 가장 기본적인 개념 중 하나입니다. 변수를 사용하여 다양한 데이터 타입을 저장할 수 있으며, 코드 내에서 그 값을 활용해 여러 작업을 수행할 수 있습니다. 오늘은 JavaScript에서 변수를 선언하고 사용하는 방법에 대해 알아보겠습니다.

변수 선언하기

JavaScript에서는 변수를 선언할 때 var, let, const 키워드를 사용합니다. 각 키워드는 변수의 특성과 스코프(scope)에 따라 다르게 사용됩니다.

var 키워드

var는 함수 스코프를 가지며, 재선언과 재할당이 가능합니다. 하지만 var는 블록 스코프를 지원하지 않기 때문에, let과 const가 도입된 이후로는 잘 사용되지 않습니다.

var name = "Alice";
var name = "Bob"; // 재선언 가능
console.log(name); // "Bob"

let 키워드

let은 블록 스코프를 가지며, 재할당이 가능합니다. 동일한 블록 내에서 재선언이 불가능하지만, 외부 블록에서는 동일한 변수명을 사용할 수 있습니다.

let age = 30;
age = 31; // 재할당 가능
console.log(age); // 31

const 키워드

const는 블록 스코프를 가지며, 선언과 동시에 초기화해야 하고, 이후에는 재할당이 불가능합니다. 상수 값을 유지하는 데 사용되며, 객체나 배열과 같은 참조 타입의 경우, 내부 속성은 변경할 수 있지만 참조 자체는 변경할 수 없습니다.

const birthYear = 1990;
console.log(birthYear); // 1990

// const로 선언된 객체의 내부 속성은 변경 가능
const person = {
    name: "Alice",
    age: 30
};
person.age = 31; // 가능
console.log(person.age); // 31

변수의 스코프(Scope)

변수의 스코프는 변수가 유효한 범위를 의미합니다. JavaScript에서는 주로 두 가지 스코프가 있습니다: 함수 스코프와 블록 스코프입니다.

함수 스코프

var로 선언된 변수는 함수 스코프를 가집니다. 이는 변수가 선언된 함수 내에서만 유효하며, 함수 외부에서는 접근할 수 없습니다.

function myFunction() {
    var message = "Hello, World!";
    console.log(message); // "Hello, World!"
}
console.log(message); // Error: message is not defined

블록 스코프

let과 const로 선언된 변수는 블록 스코프를 가집니다. 이는 변수가 선언된 블록({ }) 내에서만 유효하며, 블록 외부에서는 접근할 수 없습니다.

if (true) {
    let greeting = "Hi!";
    console.log(greeting); // "Hi!"
}
console.log(greeting); // Error: greeting is not defined

변수 호이스팅(Variable Hoisting)

JavaScript는 변수 선언을 코드의 최상단으로 끌어올리는 "호이스팅"을 수행합니다. var로 선언된 변수는 선언이 호이스팅되지만, 할당된 값은 호이스팅되지 않습니다. 반면, let과 const는 선언과 초기화가 모두 호이스팅되지만, 초기화 전에 접근하려고 하면 ReferenceError가 발생합니다.

console.log(myVar); // undefined
var myVar = "Hello!";

console.log(myLet); // Error: Cannot access 'myLet' before initialization
let myLet = "Hi!";

결론

JavaScript에서 변수는 데이터를 저장하고 관리하는 핵심적인 요소입니다. 변수의 선언 방식에 따라 다양한 특성과 스코프를 가지며, 이를 잘 이해하고 활용하는 것이 중요합니다. var, let, const 키워드를 적절히 사용하여 효율적인 코드를 작성해보세요. 변수를 잘 활용하면, 더 깔끔하고 유지보수하기 쉬운 JavaScript 코드를 작성할 수 있습니다.