자바스크립트 천천히 공부해보기 - 변수와 객체, 배열
0. 변수: 데이터를 저장하는 상자
자바스크립트에서는 변수를 이용해 값을 저장할 수 있어.
* 대입 연산자 : 어떤 값을 변수에 넣어주는 기호(=)야! 쉽게 말해서, 컴퓨터에게 "이 값 저장해!" 라고 하는 것이야.
➡️ "사과라는 상자에 5를 넣어줘!" 라는 뜻이야! 🍏
➡️ "이름이라는 상자에 Jane을 넣어줘!" 라는 뜻이야! 💡
✅ 변수는 정보를 저장하는 "이름표가 붙은 상자"
✅ 값을 바꿀 수 있어서 "변수" 라고 불림
✅ 이름을 부르면 안에 들어있는 값을 가져올 수 있음
📌 할당하다의 뜻!
👜 **"가방에 물건을 넣는 것"**을 생각해 보자!
- 변수 = 가방 🎒
- 값 = 물건 🎁
- 할당(=) = 가방에 물건을 넣는 행동
1. 객체(Object)란?
객체는 "이름: 값" 형태로 여러 개의 데이터를 저장할 수 있어.
예를 들어 "사람" 정보를 저장한다고 하면, 이렇게 만들 수 있어:
let person = {
name: "Jane",
age: 25,
country: "Korea"
};
👉 person 객체 안에는 name, age, country 같은 속성(프로퍼티)이 들어 있어!
2. 객체의 데이터(속성) 가져오기
객체에 저장된 정보를 가져오는 방법은 두 가지야!
📌 방법 1: 점 표기법 (Dot notation)
console.log(person.name); // 결과: Jane
console.log(person.age); // 결과: 25
📌 방법 2: 대괄호 표기법 (Bracket notation)
console.log(person["name"]); // 결과: Jane
3. 객체에 새로운 데이터 추가하기
person.job = "Developer"; // 새로운 속성 추가
console.log(person.job); // 결과: Developer
👉 person 객체에 job 속성을 추가했어!
배열(Array) 데이터란?
배열은 여러 개의 값을 한 번에 저장할 수 있는 데이터 구조야!
예를 들어, 친구들의 이름을 저장한다고 하면 배열을 사용하면 돼!
let friends = ["Alice", "Bob", "Charlie"];
👉 "Alice", "Bob", "Charlie"라는 값을 한 곳에 모아서 저장한 거야!
+배열은 추가 정리 예정