[자바스크립트] 변수

1. 변수란 무엇인가?

변수 : 하나의 값을 저장하기 위해 메모리 공간 자체, 공간을 식별하기 위해 붙인 이름

• 값의 위치를 가리키는 상징적인 이름
• 하나의 값을 저장하기 위한 메커니즘
• 형식 : 변수 이름, 변수 값
  - 할당 : 변수에 값을 저장하는 것
  • 참조 : 변수에 저장된 값을 읽는 것

// 하나의 값을 저장하는 변수
var UserID =717;

// 여러 개의 값을 하나로 그룹화해서 하나의 값처럼 사용
var user = { id :1, name: 'Kate' };

var users = [
	{ id :1, name: 'Kate' }
    { id :2, name: 'Park' }
]

메모리 : 데이터를 저장할 수 있는 메모리 셀 집합체
-> 메모리 셀 하나의 크기는 1바이트(8비트)로, 컴퓨터는 메모리 셀의 크기(1바이트 단위)로 데이터를 저장하거나 읽어들임

• 각 셀은 고유의 메모리 주소를 가지며, 메모리 주소는 메모리 공간의 위치를 나타냄
• 그림의 숫자값 10, 20은 메모리 상의 임의의 위치(메모리 주소)에 저장되고 CPU는 이 값을 읽어 연산을 수행

• 10 + 20 연산을 통해 새로운 값 30을 생성하고 메모리 공간에 저장
  -> 이때 30을 재사용할 수 있도록 저장된 메모리 공간에 상징적인 이름을 붙인 것이 변수!

2. 식별자

식별자(Identifier)

• 어떤 값을 구별하여 식별할 수 있는 고유한 이름(변수 이름)
• 값이 아니라 메모리 주소를 기억함
  ex) 변수, 함수, 클래스의 이름은 모두 식별자

3. 변수 선언

변수 선언(Variable Declaration)

• 변수를 생성하는 것
• 값을 저장하기위한 메모리 공간을 확보하고, 변수 이름과 확보된 메모리 공간의 주소를 연결하여 값을 저장할 수 있도록 준비하는 것
• var, let, const 키워드 사용

변수 선언 단계
1) 선언 : 변수 이름을 등록하여 자바스크립트 엔진에 변수의 존재를 알림
2) 초기화 단계 : 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화

var score;
// 선언 단계 - 변수 이름 score 등록
초기화 단계 - undefined 할당

호이스팅

• 변수 선언문이 코드의 선두로 끌어 올려진 것 처럼 동작하는 것

식별자 규칙

• 특수문자를 제외한 문자, 숫자, _, 달러 기호를 포함할 수 있다.
• 숫자로 시작 불가
• 예약어 사용 불가

네이밍 컨벤션

1) 카멜 케이스 (camelCase) : 변수, 함수 이름에 주로 사용
2) 스네이크 케이스 (snace_case)
3) 파스칼 케이스 (PascalCase) : 생성자 함수, 클래스 이름에 주로 사용
4) 헝가리언 케이스 (typeHungarianCase)