변수(Variable)는 무엇인가? 💻🤷🏿‍♂️ [Java Script]

🐶# 복습으로 작성하는 글이기 때문에 부족한 점이 많습니다. 피드백과 코멘트 소통 환영합니다. #🐶

#JS 변수, #변수 뜻, # 자바스크립트 변수, #변수 기초

---

변수 :  값을 저장하기 위해서 명명된 위치를 변수라고 한다. 

Input이 있어야 Output을 만드는 것과 같이, 내가 집어놓고 싶은 값을 변수에 담아서 넣는다고 생각하시면 됩니다. 데이터를 저장하는 박스라고 생각하면 좋겠죠? 그럼 변수를 왜 쓰면 좋을까요?

//소고기샐러드를 먹었는데 칼로리가 ?? 
10 * 4 //탄수화물 칼로리
8 * 4 //단백질 칼로리
5 * 9 //지방 칼로리 
총칼로리 === (10 * 4) + (8 * 4) + (5 * 9) + 'kcal'

이렇게 작성할 수 있는 내용을 변수를 이용하면 !

let carbohydrate = 4;
let protein = 4;
let fat = 9;
총 칼로리 === (10 * carbohydrate) + (8 * protein) + (5 * fat) + 'kal'

위와 같이 나타낼 수 있습니다. ※ 이후 변수를 이용하면 다른 음식의 칼로리를 계산하기도 쉽겠죠? 

변수 선언에는 대표적으로 3가지 방법이 있습니다. [ let, const, var ] 가 있으며 위 3가지는 재할당이 가능한지, 어느 범위까지 적용되는지에 따라서 달라집니다. 

	let	const	var
유효 범위 Effective Scope	Block Scope	Block Scope	Function Scope
값의 재정의 Changing  Value	o	x	o
재선언 re-declaration	x	x	o

음... 갑자기 왠 표가 있지? 할 수 있는데, 이것은 변수를 사용하기 위한 선언 명령어들이 어떠한 특징이 있는지 정리한 표입니다.

- let은 Block Scope 안에서만 유효한 변수를 선언할 때 사용합니다. Blcok Scope는 { } 이렇게 중괄호 안에 담겨진 영역으로 Global Scope, 즉 전역변수가 아닌 로컬에서만 사용 가능한 변수를 만듭니다. 자세한 내용은 이후에 봅시다! 😂   간단하게 설명하자면 let으로 선언한 변수는 값을 바꿀 수 있는 외부 스코프(영역)에서는 사용이 불가능한 변수를 만든다고 생각해주세요.

-const는 let과 비슷하게 외부 스코프에서 사용이 불가능하고 Block Scope내에서만 사용이 가능하지만, 값을 바꿀 수 없습니다!! 😨 값을 못 바꾼다면 좀 불편하지 않나요? 라고 생각할 수 있지만, 코드를 작성하다 보면 실수로 값을 바꾸거나 Error를 만들 수 있기 때문에 이렇게 값이 고정된 변수가 있는 것도 좋습니다! 

-var는 Fuction Scope, 즉 함수 내에서 유효하기 때문에 var로 선언한 변수는 함수를 벗어나면 참조를 할 수 없습니다. 하지만 재선언이 가능하기 때문에 어디서든 선언을 다시 할 수 있죠. 하지만 코드를 작성하면서 다시 변수를 선언할 타이밍이... 많을까요? 사실 var는 이제 Old한 방법이라고 합니다. { } Block 단위로 작성되는 코드에서 var로 작성된 코드는 오류를 찾는 디버깅을 하는 과정에서도 패널티가 있고 여러모로 재선언이 되는 특징이 코드를 작성하면서 실수를 유도할 수 있기 때문입니다. 


● So! 새로운 업데이트가 있다면 다시 올리도록 하겠습니다 탁!👌
지역변수를 우선으로 한다!