본문 바로가기

프로그래밍 언어/자바스크립트

자바스크립트 변수 상수 데이터 타입 이해하기

자바스크립트 변수, 상수, 데이터 타입 이해하기

자바스크립트(JavaScript)는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나입니다. 이 글에서는 자바스크립트의 기본 요소인 변수, 상수, 그리고 데이터 타입에 대해 심도 있게 다루고자 합니다.

목차

 

 

 

1. 변수와 상수 소개

자바스크립트에서 데이터를 저장하고 조작하기 위해 변수와 상수를 사용합니다. 변수는 값이 변할 수 있는 저장소이고, 상수는 한 번 할당된 값을 변경할 수 없는 저장소입니다. 이를 통해 다양한 프로그램 로직을 구현할 수 있습니다.

 

 

2. 변수 (Variables)

변수는 데이터를 저장하기 위해 사용되는 이름이 붙은 메모리 공간입니다. 자바스크립트에서는 var, let, const 키워드를 사용하여 변수를 선언할 수 있습니다.

2.1 var

var 키워드는 ES6 이전에 변수를 선언하는 방법으로, 함수 스코프를 가집니다.

var x = 10;
if (true) {
    var x = 20; 
    console.log(x); // 20
}
console.log(x); // 20

2.2 let

let 키워드는 블록 스코프를 가지며, 동일한 블록 내에서 같은 이름의 변수를 다시 선언할 수 없습니다.

let y = 10;
if (true) {
    let y = 20;
    console.log(y); // 20
}
console.log(y); // 10

 

 

3. 상수 (Constants)

const 키워드는 변하지 않는 상수를 선언하는 데 사용됩니다. 한 번 할당된 값은 변경할 수 없습니다.

const z = 10;
z = 20; // 오류: Assignment to constant variable.

하지만, 객체나 배열과 같은 참조 타입의 경우, 내부 데이터는 변경할 수 있습니다.

const obj = { name: "John" };
obj.name = "Doe"; // 가능

 

 

 

 

4. 데이터 타입 (Data Types)

자바스크립트는 동적 타입을 가지며, 주로 여섯 가지의 기본 데이터 타입과 하나의 객체 타입으로 나뉩니다.

4.1 기본 데이터 타입

  • 숫자(Number): 정수와 실수를 포함합니다.
  • 문자열(String): 텍스트 데이터를 표현합니다.
  • 불리언(Boolean): 논리적 참과 거짓을 나타냅니다.
  • null: 존재하지 않는 값을 나타냅니다.
  • undefined: 값이 할당되지 않은 변수를 나타냅니다.
  • 심볼(Symbol): 고유한 식별자를 나타냅니다.

4.2 객체 타입

객체는 키-값 쌍의 집합입니다. 객체는 중첩될 수 있으며, 함수와 배열도 객체의 일종입니다.

let person = {
    name: "Alice",
    age: 25,
    greet: function() {
        console.log("Hello, " + this.name);
    }
};
person.greet(); // Hello, Alice

 

 

5. 결론

이 글에서는 자바스크립트(JavaScript)의 변수와 상수, 그리고 데이터 타입에 대해 살펴보았습니다. 각 개념을 명확히 이해함으로써 자바스크립트 프로그래밍의 기초를 다질 수 있습니다. 이를 바탕으로 더 복잡한 프로그래밍 기법을 익히는데 도움이 되길 바랍니다.