JS / 01 / 기초-2

변수 : 내가 활용할 수 있는 정확하고
가치있는 데이터를 담는 그릇

• 변수를 남발하지 말자 🤓

---

변수 선언 방법 2가지

① var

• 자바스크립트 초창기에 사용되던 변수 키워드

• 단점 : 같은 이름의 변수 재선언이 가능
  (협업시, 변수명이 중복 되는 경우 발생)

• 오픈소스나, api에서 변수명이 var로 대부분 되어있음

var num = 13 ;
var num = 15 ;     👉 var 키워드는 변수의 재선언이 가능 😡

---

[ ❗ ] 재선언 vs 재할당

재선언 : 이미 선언 된 변수를 중복으로 또 선언하는 것
let y = 7 ;
let y = 12 ; 👉 재선언

재할당 : 이미 선언 했던 변수에, 새로운 값을 수정(할당) 하는 것
let x = 5 ;
x = 10 ; 👉 재할당

---

② let

• ECMA6버전의 변수 키워드, var키워드의 단점을 보완
• 재선언 ❌, 재할당 ⭕
• 웹개발의 표준(권장사항)

let age = 30 ;
let age = 40 ;       👉 let 키워드는 재선언 ❌

let age = 30 ;
age = 1000 ;         👉 let 키워드는 재할당 ⭕

---

✅ 상수 : const

• 변하면 안 되는 값들
• 재선언 ❌ , 재할당 ❌
• 함수 제작시 사용한다.

const money = 0 ;
const monsy = 10 ;      👉 상수 const 재선언 ❌

const money = 10 ;
money = 50 ;      👉 상수 const 재할당 ❌

---

let name = prompt("이름을 입력하세요")
👉 입력문 prompt에 적은 문자열 데이터를 name 변수에 할당한다. 


console.log("어서오세요") ;


console.log(name+"님 환영합니다") ;
👉 문자 + 문자로 연산을 진행하고, 결과물이 하나의 문자열로 제작


console.log(name,"님 환영합니다") ;
👉 ( , ) 로 데이터를 구분 지으면, 매개변수가 여러개가 넘어간다.


console.log(`${name}님 환영합니다`) ;
👉 백틱 ( ` ) 을 통해서 포매팅  ✅ `${변수이름}텍스트`

---

JS에서 $를 사용하는 경우 3가지

1. ${} : 포메팅(템플릿 기법)
2. 변수명 앞에 $를 쓰는 경우가 존재 : $_redApple
3. 제이쿼리 라이브러리 : $()