#3 자바스크립트(JavaScript) - 변수, 변수의 자료형 확인(typeof)

안녕하세요 에이블디입니다!

 

이번 시간에는 변수란 무엇인지, 그리고 변수 값의 자료형을 알아보는 방법에 대해 알아보겠습니다.

 

변수란 변하는 값을 의미합니다.

그리고 자바스크립트에서 변수는 변하는 '값'을 저장할 때 사용합니다.

 

변하는 값은 숫자도 될 수 있고 문자도 될 수 있겠죠?

 

예를 들어 사람의 이름과 나이를 저장하는 변수가 있다고 가정한다면, 사람마다 이름도 다를 거고 나이도 다를 수 있겠죠?

 

지금부터 변수에 대해 더 알아보도록 하겠습니다!

 

변수에는 컴퓨터가 구별할 수 있도록 이름을 붙여야 하는데요, 이를 '변수를 선언한다'라고 합니다.

변수 선언은 아래와 같이 var 뒤에 변수 이름을 적으면 됩니다.

var abled;

변수를 선언할 때 이름의 첫 글자는 반드시 문자나 밑줄(_) 또는 달러($)로 시작해야 합니다.

그래서 다음과 같은 변수 이름은 사용할 수 없습니다.

var 1yama;
var @chalie;
var .lucas;
var (joker);

변수에 값을 저장하려면 변수 오른쪽에 '=' 기호를 붙이고 저장하고 싶은 값이나 식을 작성하면 됩니다.

이때 변수에 값을 저장하는 방법은 변수를 선언하면서 저장하는 방법과 변수를 선언한 다음에 저장하는 방법이 있습니다.

 

예를 들어볼게요.

var teacher = "Jayden"; //변수를 선언하면서 값을 저장하는 방법
var student;
student = "Yama"; //변수를 선언한 다음에 값을 저장하는 방법

변수에 식을 저장할 경우도 있는데요, 이때에는 식에 있는 변수는 미리 선언해 두어야 합니다.

예를 들자면 total이라는 변수에 price1 변수와 price2 변수의 값을 합치는 식을 저장해 보겠습니다.

var price1 = 30000;
var price2 = 20000;

var total = price1 + price2;

 

자바스크립트는 변수를 선언하는 방법이 아주 단순한데요, 지금부터 자바라는 언어와 자바스크립트로 변수를 선언해 보겠습니다.

 

먼저 자바스크립트입니다.

var name = "Jayden";
var age = 36;

 

다음은 자바입니다.

String name = "Jayden";
int age = 36;

두 언어의 차이점이 무엇인지 보이시나요?

 

지난 시간에 자료형 배우신 것 다들 기억나시죠?

자바는 변수를 선언할 때 변수의 자료형을 미리 지정하고 그 유형에 맞는 값만 변수에 저장해야 합니다.

이 방식을 '강력한 자료형 체크(Strong Data Type Check)'라고 합니다.

 

하지만 자바스크립트는 미리 변수의 자료형을 지정하지 않죠?

그냥 변수를 지정하여 값을 할당하면 끝입니다.

알아서 자료형을 지정해주죠.

이 방식을 '느슨한 자료형 체크(Weak Data Type Check)'라고 합니다.

 

그래서 자바스크립트로 프로그램을 만들 때에는 변수에 의도한 값이 정확하게 어떤 자료형으로 들어갔는지 꼭 확인해야 하는데요

이때 자료형을 확인하는 방법으로 'typeof' 연산자를 사용합니다.

typeof 연산자의 사용방법은 아주 간단한데요, 다음과 같이 사용하면 됩니다.

typeof "Jayden";
typeof 36; //값의 자료형을 확인 할 때

var name = "Jayden";
var age = 36;

typeof name;
typeof age; //변수의 자료형을 확인 할 때

실제 코드를 작성하고 구동한 모습입니다.

 

 

오늘은 변수에 대해 간단히 알아보았습니다!

 

다음 시간에 자바스크립트에 대해 더 알아보아요!

 

그럼 여러분 다음시간에 만나요!