바닐라 JS로 크롬 앱 만들기 [1-1] Variables

---

• 기본적으로 const 사용, 필요한 상황에 let 사용
• const를 사용한 코드는 절대 바뀌지 않는 것을 알 수 있고, let을 사용한 것은 바뀔 수 있다는 것을 알 수 있다.
• CamelCase : 앞글자를 대문자로 사용하여 띄어쓰기 사용
  예시 : myName

---

기초

consloe.log();

웹페이지 콘솔에 출력하는 코드

문제 제기

console.log(5+2);
console.log(5*2);
console.log(5/2);

위 상황에서 계산을 원하는 숫자를 바꾸고 싶을 때 직접 다 바꿔야하는 문제 발생

해결 방법

변수를 사용해서 변경

---

Variables

var

• 어디서든 업데이트 가능, 아무 규칙 없음
• 실수로 값을 업데이트해도 알려주지 않아서 보호 불가
• let, const를 사용 하는 것이 좋음

---

const

• constant : 변하지 않는 상수, 정한 변수를 바꿀 수 없음
  바꾸려고 하면 오류 발생

예시

const a = 5;

console.log(a + 2);
console.log(a * 2);
console.log(a / 2);

// 결과
7
10
2.5

const a = 5;
const b = 2;

console.log(a + b);
console.log(a * b);
console.log(a / b);

첫 예시와 같은 결과 출력

const myName = "marmot"

console.log("hello" + myName);

결과 : hello marmot

---

let

• 이미 선언한 변수 변경 가능
• 변수 변경 후에는 새로운 변수 적용
• 변경할 때는 let 사용 안 해도 변경 가능

let myName = "marmot"

console.log("hello" + myName);

myName = "marmotchoi";

console.log("my name is " + myName);

결과 :
hello marmot
my name is marmotchoi

---