16_[vanillajs]변수와 상수, 변수의 타입

변수와 상수, 변수의 타입

선언

• 특정 이름에 특정 값을 담는 것!

let value=1;

변수

• 바뀔 수 있는 값!
• let을 사용!
• 동일 이름의 변수는 재선언할 수 없다!

↔️

let value=1;
let value=2;//❌

상수

• 바뀔 수 없는 값!
• const를 사용!
• 값을 변경할 수 없다!

const value=1;
value=2;//❌

• 동일 이름의 변수는 재선언할 수 없다!

const value=1;
const value=2;//❌

---

이전에는 변수 선언 시에, var를 이용했지만, 이는 더이상 권장되지 않음!

• 다만 동일 이름으로 변수를 여러번 선언이 가능함
• var와 let으로 선언된 변수의 범위는 다름!
• IE에서는 적용되지 못하지만, Barbel 등으로 구현이 가능함!

---

변수 타입

1. 숫자

let value = 1;

1. 문자열

let str1 = "abc";
let str2 = 'abc';
let str3 = `abc`;//백틱(backtik)
//문자열과 변수를 ``범위 내에서
//같이 사용 가능!

• '’와 ““는 차이가 없음

⚠️ 세미콜론(;)은 취향차이지만, 문법을 엄격하게 지켜주기 위해서 붙여줄 것!

⚠️ ES6 : ECMAScript 6 혹은 ES2015

• 현재는 ES10이 가장 최신이지만, 굳이 다 알 필요는 ❌ ‼️
• ES6부터 let, const 등에 나오는 문법!
• 백틱관련해서는 Template literal 에 따로 정리할 것!

1. Boolean

let good =true;
let bad  =false;

1. null, undefined : 없음!

let good =null;
let something=undefined;

• null: 변수나 객체 등이 실존하지 않음을 의미
• undefined: 데이터(값)가 없음을 의미

---

Template Literal

• ES6부터 등장한 HOT!! 한 문법!

1. 백틱 Backtik
   • ` ` 내부에 문자열과 변수들을 넣어줄 수 있음!

const value=`string string ${variable}`;