섹션 11: 자바 스크립트 기초 이해하기 [30일차]

---

자바스크립트에서의 변수와 값

자바스크립트에서 변수는 데이터를 저장하는 컨테이너로, var, let, const 세 가지 키워드를 사용하여 선언할 수 있습니다. 이들 각각은 변수의 범위(scope)와 변경 가능성에 대해 다른 특징을 가집니다.

var, let, const의 차이점

• var: 함수 레벨 스코프를 가지며, 재선언 및 재할당이 가능합니다.
• let: 블록 레벨 스코프를 가지며, 재할당은 가능하지만 재선언은 불가능합니다.
• const: 블록 레벨 스코프를 가지며, 한 번 선언된 값에 대해 재선언 및 재할당이 모두 불가능합니다.

var name = "홍길동";
let age = 30;
const birthYear = 1990;

데이터 타입

자바스크립트에서 값은 여러 데이터 타입을 가질 수 있습니다. 가장 기본적인 타입으로는 숫자(Number), 문자열(String), 불리언(Boolean), 객체(Object), undefined, null 등이 있습니다.

let number = 10;        // 숫자
let name = "홍길동";   // 문자열
let isActive = true;    // 불리언
let user = {            // 객체
    name: "홍길동",
    age: 30
};
let x;                  // undefined
let y = null;           // null

자바스크립트 배열과 객체

배열(Array)

자바스크립트의 배열은 여러 값을 순서대로 저장할 수 있는 자료구조입니다. 배열은 0부터 시작하는 인덱스를 사용하여 각 요소에 접근할 수 있습니다.

let fruits = ["사과", "바나나", "오렌지"];
console.log(fruits[0]); // "사과"
fruits[1] = "망고";     // 배열의 두 번째 요소를 "망고"로 변경

객체(Object)

객체는 키(key)와 값(value)의 쌍으로 구성된 자료구조입니다. 객체를 사용하면 여러 속성을 하나의 변수에 할당할 수 있으며, 점 표기법(dot notation) 또는 대괄호 표기법(bracket notation)을 사용하여 속성에 접근할 수 있습니다.

let user = {
    name: "홍길동",
    age: 30,
    isStudent: false
};

console.log(user.name); // "홍길동"
console.log(user["age"]); // 30
user.isStudent = true; // 객체의 속성 변경

마치며

자바스크립트에서 변수와 값, 그리고 배열과 객체의 사용은 웹 개발의 핵심입니다. 이러한 기본적인 개념들을 이해하고 활용하는 것이 자바스크립트를 능숙하게 사용하는 첫걸음이 될 것입니다. 실제 웹 페이지나 애플리케이션 개발 과정에서 이러한 개념들이 어떻게 활용되는지를 실습하며 배워나가는 것이 중요합니다.

---