자바스크립트 기초 - 변수와 데이터 자료형

📌 자바스크립트 기초 개념 바로잡기

✅ 변수

• 변수란? 데이터를 저장하고 참조(사용)하는 데이터의 이름
  변수는 var, let, const가 있는데 var는 권장사항이 아님

 

1. let과 const

let : 값(데이터)의 재할당이 가능하다.
const : 값(데이터)의 재할당이 불가능하다.

 

2. 예약어 Reserved Word

특별한 의미를 가지고 있어, 변수나 함수 이름 등으로 사용할 수 없는 단어를 말한다. 아래와 같은 변수는 할당할 수 없다. this, if, breack 등과 같은 예약어는 특정 기능을 가지고 있기 때문이다.

 

let this = "Hello!"; // SyntaxError
let if = 123; // SyntaxError
let break = true; // SyntaxError

---

✅ 데이터 자료형

1. String (문자 데이터)

따옴표를 사용한다. 👉 큰 따옴표, 작은따옴표 가리지 않는다.

 

let myName = "SON7AE";
let email = "alienstyle@naver.com";
let hello = `Hello ${myName}?!`; // 보간법

console.log(myName); // SON7AE
console.log(email); // alienstyle@naver.com
console.log(hello); // Hello SON7AE?!

 

2. Number (숫자 데이터)

정수 및 부동소수점 숫자를 나타낸다.

 

let number = 123; // 정수
let opacity = 1.57; // 부동소수점

console.log(number); // 123
console.log(opacity); // 1.57

 

3. Boolean (논리 데이터)

true, false 두 가지 값 밖에 없는 논리 데이터이다.

 

let checked = true;
let isShow = false;

console.log(checked); // true
console.log(isShow); // false

 

4. Undefined

값이 할당되지 않은 상태를 나타낸다.
undefined는 의도적이지 않다.

 

let undef; // 현재 값이 없는 상태
let obj = { abc: 123 };

console.log(undef); // undefined
console.log(obj.abc); // 123
console.log(obj.xyz); // undefined

 

5. Null

어떤 값이 의도적으로 비어있음을 의미한다.
여기서의 키워드는 '의도적'이다.

 

let empty = null; // '=' 자체가 의도적이라는 것을 의미

console.log(empty); // null

 

6. Object (객체 데이터)

여러 데이터를 Key:Value 형태로 저장한다.
{ } 중괄호 사용

 

let user = {
  // Key: Value
  name: "SON7AE",
  age: 29,
  isValid: true,
};

console.log(user.name); // SON7AE
console.log(user.age); // 29
console.log(user.isValid); // true

 

7. Array (배열 데이터)

여러 데이터를 순차적으로 저장한다.
[ ] 대괄호 사용

 

let fruits = ["Apple", "Banana", "Cherry"];

console.log(fruits[0]); // 'Apple'
console.log(fruits[1]); // 'Banana'
console.log(fruits[2]); // 'Cherry'

 

https://www.youtube.com/watch?v=IQ7EuH3mRck