script - Variables

Variables

Variable (변수)

var , let , const
변수 → 데이터를 담기 위한 메모리 공간
E6 이전엔 변수로 var 만 쓰였으나, 2015년 ES6 이후로 let 과 const 가 등장

• 변수 선언 → var, const, let 키워드를 통해 가능
• 변수 할당 → 할당 연산자(=)를 통해 가능

Create a Variable: var

var

• 변수 재선언 가능

var myName = 'Woojin';

console.log(myName);

• var : variable (변수)
• myName : 변수명. camel case를 사용하여 첫단어 이후의 단어들의 첫글자는 대문자 처리
• = : asignment operator (할당 연산자). 변수 myName 에 value 'Woojin' 을 할당
• 'Woojin' : value(값). 변수 myName 에 할당된 값

→ 이후 console.log()를 통해 myName 변수를 입력하면 value Woojin이 출력

var nameOfBook = 'Patagonia';
var numberOfBooks = '2';

console.log(nameOfBook); // Output: Patagonia
console.log(numberOfBooks); // Output: 2

Create a Variable: let

let

• 변수 재선언 불가능
• 변수 재할당 가능

let meal = 'Enchiladas';

console.log(meal); // Output: Enchiladas

meal = 'Burrito';

console.log(meal); // Output: Burrito

(처음 변수값을 Enchiladas로 할당한 후 Burrito로 재할당하면 변수값이 Burrito로 지정)

let price;
console.log(price); // Output: undefined

price = 350;
console.log(price); // Output: 350

(처음 변수값을 지정하지 않으면 undefined로 출력)

Create a Variable: const

const

• 변수 재선언 불가능
• 변수 재할당 불가능

변수의 재선언 시도 시 → TypeError
변수의 재할당 시도 시 → SyntaxError

const entree = 'Hamburger'
console.log(entree); // Output: Hamburger

entree = 'Hotdog'
console.log(entree); // Output: TypeError

Mathematical Assignment Operators (복합 대입 연산자)

+=

-=

*=

/=

let w = 4;

w = w + 1;

// 와 동일한 의미로

let w = 4;

w += 1;

// 를 사용 가능

// for example,

let plus = 20;
let subtract = 30;
let multiply = 40;
let divide = 50;

plus += 2;
subtract -= 3;
multiply *= 4;
divide /= 5;

console.log(plus) // Output: 22
console.log(subtract) // Output: 27
console.log(multiply) // Output: 160
console.log(divide) // Output: 10

The Increment and Decrement Operator (증감 연산자)

++

--

각 변수의 값에 1을 더하거나 빼주는것

// for example,

let doubleplus = 20;
let doubltsubtract = 30;


doubleplus ++;
doubltsubtract --;


console.log(doubleplus) // Output: 21
console.log(doubltsubtract) // Output: 29

String Concatenation with Variables

+ 연산자를 사용하여 string(문자열)과 variable(변수)를 출력할 수 있다.

var favoriteAnimal = 'Wolf'
console.log('My favorite animal: ' + favoriteAnimal);
// Output: My favorite animal: Wolf

String Interpolation

백틱 (`) 및 ${var} 를 사용하여 문자열과 변수를 동시에 출력 가능

var song = 'Love Me Tender'
var singer = 'Elvis Presly'
console.log(`My favoite song is ${song}, by ${singer}.`);
// Output: My favorite song is Love Me Tender, by Elvis Presly.

typeof operator

typeof

할당된 변수 종류(number, string, boolean 등..)을 확인할 때 쓰이는 연산자

let theThing = 'Frank Sinatra';
console.log(typeof theThing); // Output: string

theThing = 35;
console.log(typeof theThing); // Output: number

theThing = true;
console.log(typeof theThing); // Output: boolean

theThing = false;
console.log(typeof theThing); // Output: boolean

Take Away

• var , let , const 의 차이
  세가지 변수 종류의 차이가 지금은 어렴풋이만 이해가 된다.
  분명히 굉장히 중요하고, 획기적인 변화였을텐데 아직은 그 대단함? 이 잘 실감이 되지 않는다.
  실제로 저 세 변수 타입의 차이를 피부로 느낄 수 있는 날이 빠르게 다가왔으면 좋겠다.

• 변수의 사용
  아무래도 기계공학과 쪽에서 일했다보니 배워먹은 변수를 사용할게 수학적 계산 정도로 밖에 생각이 안된다.
  실제로 어떠한 환경에서 (백엔드던 프론트엔드던) 변수의 중요성을 실감하고 사용할 수 있을 지가 의문이다.

• 배운거나
  일단 배운거나 잘 습득해야겠다..
  체감이 안되면 일단 머리에 때려박아놓기라도 해야겠다.
  그 편이 나중에 꺼내서 쓰기 편할테니까