쉽게 정리해본 자바스크립트 변수
1. 변수 (variable) 의미
수학에서는 정해지지 않은 임의의 값을 표현하기 위해 사용하는 기호지만
프로그래밍에서 변수는
이름이 붙어 있는 데이터 저장 공간입니다
변수가 필요한 이유
복잡한 코드가 여러개 존재하는 것 보다는
복잡한 코드는 변수 안에 저장하고
필요할때 변수명 을 불러서 데이터 값을 불러내는 것이
프로그램에서 가독성을 높여 주고
유지보수에도 좋습니다
때문에 프로그래밍을 할때
변수는 뗄 수 없는 존재 입니다
2. 변수 구조
아래 사진에서 변수를 보실 수 있는데요
① var은 변수의 데이터 타입을 나타내는 자리
② name은 변수의 이름(식별자)
③ 그다음 문장이 끝났음을 알리는 ;(세미콜론) 3가지로 되어 있습니다
이는 브라우저에 있는
자바스크립트 엔진(자바스크립트 해석 도구)에게
"name이라는 이름(식별자)을 가진 데이터 저장 공간을 만들어줘"
라고 말하는 것과 비슷하다고 볼 수 있는데요
이것이 바로 변수의 선언 단계입니다
var이라는 데이터 타입은 자바스크립트 변수지만
다른 프로그래밍 언어에서는
int, char, float, double 등 다양한 종류의 데이터 타입이 있는데요
다양한 종류로 존재하는 이유에는
담아야 하는 정보 양에 비해
상자의 크기가 너무 작아도 들어가지 않거나
너무 커도 낭비공간이 될 수 있기 때문에
데이터 양에 맞게
저장 공간을 조절해 주기 위함입니다 (뭐든 적절한 것이 좋습니다)
변수 이름(식별자)을 지을 때 주의할 점
var(데이터 타입) 옆에 있는
name과 같은 변수 이름(변수명)을 지을 때도 규칙이 있습니다
① 이름을 짓는 첫번째 위치에 있는 단어는 문자, _(언더바기호), $(달러기호)로만 시작할 수 있습니다
② 대문자, 소문자 구분 됩니다 (A와 a는 각자 다른 변수로 인식됩니다)
③ 예약어와 중복된 변수이름(식별자)은 권장하지 않습니다
3. 자바스크립트의 변수 _ var, let, const
자바스크립트에서 변수는
var, let, const 3가지가 사용되는데요
이 내용은 다음 글의 주제로 정리해 보려고 합니다
4. 변수의 생성 과정
데이터 타입의 종류와 상관없이
변수의 생성 과정을 보면
선언 단계(declaration phase) → 초기화 단계(initialization phase)→ 할당 단계(assugnment phase)
총 3단계의 과정을 거치게 됩니다
의미를 살펴보면
1. 선언은 데이터 저장 공간을 만듬을 알려주는 것이고
2. 초기화는 생성된 저장 공간 안에 처음 값을 지정
3. 할당은 =(대입 기호)를 통해 다른 내용을 넣는 것을 의미하는데요
수학에서 = 는 같다는 의미를 가지고 있지만
프로그래밍에서는 = 는 대입, 할당 기호이며 같다를 표현할 때는 ==,=== 를 사용합니다
변수의 데이터 타입 종류에 따라 특징적인 차이는 있지만 대략적인 진행 흐름은 이렇습니다
정리
변수를 사용하는 이유는
복잡한 내용을 가진 코드를 쉽게 호출해서 사용하기 위함인데요
선언 되지 않은 변수를 호출하면
위 사진과 같이 에러가 뜨게 됩니다
그리고 var 영어; 와 같이 선언만 하면
저장할 내용은
정해지지 않은 채로
저장 공간만
생성된다는 의미도 되는데요
이때는 'undefined : 값이 정해지지 않음'라는 값이
자동적으로 부여되게 됩니다
