4장 변수와 상수

→ 컴퓨터는 CPU를 사용해 연산하고 메모리를 사용해 데이터를 기억한다

→ 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다

(+) 4GB 메모리는 0~4,294,967,295까지의 메모리 주소를 갖는다

→ 메모리에 저장되는 데이터는 데이터의 종류(숫자, 텍스트, 이미지, 동영상)와 상관없이 모두 2진수로 저장된다

 

 

💡 변수(variable)

→ 하나의 값을 저장하기 위해 확보한 메모리 공간 자체, 값의 위치를 가리키는 상징적인 이름

→ 변수에 값을 저장하는 것을 할당, 변수에 저장된 값을 읽어 들이는 것을 참조라고 한다

 

 

💡 식별자(identifier)

→ 어떤 값을 구별해서 식별할 수 있는 고유한 이름

→ 메모리 주소에 붙인 이름, 값이 아니라 메모리 주소를 기억한다

→ 메모리 상에 존재하는 값을 식별할 수 있는 이름은 모두 식별자라고 부른다

 

 

✏️ 변수 vs 식별자

→ 변수 : 변할 수 있는 데이터, 변경 가능한 데이터가 담길 수 있는 공간이나 그릇

→ 식별자 : 데이터를 식별하는데 사용하는 이름인 변수명, 공간이나 그릇의 이름

 

 

💡 변수 선언

→ 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결해 값을 저장할 수 있게 준비하는 것

→ 메모리 공간은 확보가 해제되기 전까지는 누구도 확보된 메모리 공간을 사용할 수 없도록 보호

→ var키워드의 여러 단점을 보완하기 위해 let, const 키워드를 도입했다

→ 선언 단계 : 변수 이름을 등록해 자바스크립트 엔진에 변수의 존재를 알린다

→ 초기화 단계 : 값을 저장하기 위해 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화

 

 

✏️ 변수 이름은 어디에 등록될까?

→ 모든 식별자는 실행 컨텍스트(실행할 코드에 제공할 환경 정보들을 모아놓은 객체)에 등록된다

→ 자바스크립트 엔진은 실행 컨텍스트를 통해 식별자와 스코프(변수가 접근할 수 있는 범위)를 관리한다

 

 

💡 호이스팅(hoisting)

→ 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징

→ var, let, const, function, class 키워드를 사용해서 선언하는 모든 식별자는 호이스팅이 된다

→ 모든 선언문은 런타임 이전 단계에서 먼저 실행되기 때문

 

 

💡 값의 할당

→ 변수 선언은 소스코드가 순차적으로 실행되는 시점인 런타임 이전에 먼저 실행된다

→ 값의 할당은 런타임에 실행된다

→ var 키워드를 이용해 변수를 선언한 후 초기화하는 것도 재할당이다

→ 상수는 값을 재할당할 수 없어 변수에 저장된 값을 변경할 수 없다. 단 한 번만 할당 가능

 

 

💡 식별자 네이밍 규칙

→ 식별자는 특수문자를 제외한 문자, 숫자, _, $를 포함할 수 있다

→ 식별자는 특수문자를 제외한 문자, _, $로 시작해야한다. 숫자로 시작할 수 없다

→ 예약어는 식별자로 사용할 수 없다

 

 

⌨️ 과제

1. 변수 가지고 놀기

let admin;
let name;
name = "John";
admin = name;
window.alert(admin);

 

 

2. 올바른 이름 선택하기

let planeName = "Earth";
let userName = "John";

 

 

3. 대문자 상수 올바로 사용하기

const BIRTHDAY = "18.04.1982";
const AGE = someCode(BIRTHDAY);