변수의 기초

---

어떤 특정한 데이터에 이름을 붙일 수 있는데 이를 변수라고 한다.

특정 데이터를 컴퓨터가 기억할 수 있도록 메모리 공간을 확보하고 그 메모리 공간에 이름을 부여하는 것을 변수 선언이라고 한다.

할당연산자(=)를 사용하여 메모리 공간에 특정한 값을 넣는 것을 값의 할당이라고 한다.

변수 선언과 값의 할당을 동시에 할 수 있다.

let num 				// 변수 선언
num = 5					// 값의 할당

let num = 5; 			// 변수 선언과 값의 할당을 동시에

let variable;
console.log(variable) 	// 값을 할당하지 않고 불러내면 'undefined'가 뜬다

var let const

---

var let const 차이점

변수 설정에는 var let const 이 세 가지가 있다.

var는 옛날에 만들어진 것이라 여러 가지 오류가 나타날 수 있어서 사용을 지양한다.

let과 const의 차이점은 let는 재할당이 가능한데 const는 재할당이 불가능하다.

let name = 'kimcoding';
console.log(name) 			// 'kimcoding'이 출력된다.
name = 'parkhacker';
console.log(name)			 // name변수에 덮어쓰기(재할당)을 해서'parkhacker'가 출력된다.

const name = 'kimcoding';
console.log(name) 			// 'kimcoding'이 출력된다.
name = 'parkhacker';
console.log(name)			 // 덮어쓰기(재할당)를 하러고하면 에러가 뜬다.

변수명 규칙

숫자가 먼저오면 안된다.

대신 언더스코어(_)와 달러($)가 들어갈 수 있는데 이 기호를 숫자보다 앞 쪽에 배치하여서 나타낼 수 있다

또한 예약어(프로그래밍 언어로 사용되는 단어들 ex) let, const, true, false)도 변수명으로 할당할 수 없다.

let 1st; 		// 사용할 수 없음

let _1st 		// 사용가능
let $1st		// 사용가능

let true		// 사용할 수 없는 변수명

// 변수의 존재 목적을 이해할 수 없는 변수명
let x = 100;
let y = 5;

// 변수의 존재 목적을 명확히 알 수 있는 변수명
let name = 'kimcoding';
let age = 25;
 

자바스크립트의 변수명은 카멜 케이스(camelCase)를 사용한다.

첫 단어는 소문자로 그 이후 연결되는 단어의 첫 문자는 대문자로 작성하는 방법이다.

모든 개발자가 공통적으로 약속해놓은 변수명의 규칙이라고 생각하면 편하다.

템플릿 리터널(template literal)

문자열 내부에 변수를 삽입할 때 사용하는 기능이다.

let course = 'SEB FE';
let cohort = 99;
let name = 'kimcoding';

// 템플릿 리터널 내부에 ${}를 사용하여 변수를 삽입할 수 있다.
console.log(`${course} ${cohort} ${name}`); // 'SEB FE 99 kimcoding' 

// 단어와 단어 사이에 공백을 삽입하기 위해도 사용된다.
console.log(course + ' ' + cohort + ' ' + name); // 'SEB FE 99 kimcoding'