자바스크립트 - 변수(Variable), 자료형

자바스크립트

 

1. 절차형, 객체지향형, 함수형 언어를 모두 아우를 수 있다. (한 언어로 여러 가지 프로그래밍 기법을 배울 수 있음)

2. 인터넷상에 정보가 제일 많다. 

3. VSC와 같은 에디터 없이도 인터넷 브라우저만 있으면 언어를 작성할 수 있다.

4. 결과를 바로바로 인터넷 브라우저로 확인할 수 있다.

 

변수(Variable)

 

여기서 보면 var이라는 문자가 여러 번 반복된다. 바로 이게 변수(variable)이다. variable의 앞 세 글자를 따서 var이다.

 

말 그대로 변수란 변하는 수이다. 뭐가 변하나고? 데이터가 변한다. 데이터는 프로그래밍에서 기본이다. 

어떠한 정보든지 다 데이터이다. 데이터를 처리하기 위해서는 데이터를 저장하는 공간이 있어야 한다.

이 공간은 메모리에 마련된다. 우리가 흔히 아는 RAM이라고 생각하면 된다.

(RAM이 커야 좋은 이유? 데이터를 저장할 공간이 늘어나기 때문이다.) 그 공간을 바로 변수라고 부른다.

 

데이터에는 여러 종류가 있다. 프로그래밍마다 또 종류가 다 다르다. 

자바스크립트에서 데이터를 한 번 만들어보자.

콘솔 창에 한 줄씩 쳐보자! 

var a는 자바스크립트 엔진(자바스크립트 코드를 해석하는 도구)에게

"야, 이제 데이터 저장공간을 마련해! 이름은 a라고 하고!"라고 말하는 거다.

이것을 변수를 선언한다고 표현한다.

그리고 var a = '';로 a에 "를 대입한다. =으로 대입한다는 것을 표시했는데, 수학에서 말하는 같다(equal)라는 뜻이 아니다. 프로그래밍에 같다는 ==이고 =는 대입(assign)한다는 뜻이다. 이렇게 변수를 선언하자마자 값을 대입하는 것을 초기화한다고 표현한다. 

선언, 대입, 초기화 같은 단어는 자주 쓰이니 기억해두자.

 

변수의 이름을 정할 때는 a, b, c, d... 말고도 이름을 한국어로 지어도 되고, 중국어, 일본어, 유니코드, 심지어 특수문자($와 _만 가능) 등등 상관없다. 하지만 세계적으로는 영어 대소문자와 '$', '_'만 사용한다. 

 

문장의 마지막에 ;(세미콜론)으로 끝나는 이유는 문장이 끝났다는 것을 컴퓨터에게 알리는 프로그래밍 기호이다. 아래와 같이 만들었던 변수를 조작할 수 있다. 기존의 변수에 저장되어 있던 내용을 변경하는 행위다.

 

위와 같이 이름을 사용한다. 변수의 이름으로는 a, b, c, d와 같이 의미가 없어 다른 사람이 보기에 무슨 뜻인지 알기 힘든 이름 대신 구체적인 이름을 주로 사용한다.

 

저장공간 이름이 아무 의미 없는 a보다 number가 더 낫겠죠? 숫자가 들어올 것을 예상할 수 있으니까! 짧으면서도 구체적인 이름을 짓도록 하자!

 

자료형

 

자료형은 자바스크립트 자료(data)의 종류(type)이라고 생각하면 된다.

자바스크립트는 변수가 그냥 var 하나다! var에다가 문자를 넣으면 문자 데이터, 숫자를 넣으면 숫자 데이터가 된다. 편하다!

하지만 이 편함이 나중에 불편함이 되기도 한다. 이제부터 하나씩 소개한다.

 

문자열(String)

 

문자열은 데이터에 문자를 저장하는 거다.

문자열은 큰따옴표나 작은따옴표 중에 하나를 쓰자. 상황에 맞게 쓰면 된다.

 

숫자(Number)

 

그냥 숫자를 넣으면 된다. 다른 언어처럼 Int, Short, Long, Double 이런 구분이 없다. 그냥 아무거나 다 넣으면 된다.

 

불린(Boolean)

 

true와 false다. 'true'가 아니라 따옴표 없이 true이다. on/off나 yes/no라고 생각하자.

 

Undefined / Null

 

Undefined와 Null이 좀 헷갈린다. 둘 다 빈 값인데 좀 차이가 있다.

 

undefined는 변수를 만들어 놓았는데 아무 값도 집어넣지 않았을 때 자동으로 undefined(말 그대로 정해지지 않음)가 된다.

null은 빈 값을 변수에 의도적으로 넣는 거다. 아무것도 안 해도 undefined가 되는데 굳이 왜 null을 넣냐고? null은 그냥 넣는 게 아니라

위 사진처럼 기존에 있는 값을 지울 때 사용한다.

 

객체(Object) / 배열(Array) / 함수(Function)

 

이제 객체 차례다. 객체는 배열과 함수를 모두 포함한다. 객체는 프로그래밍의 꽃이다. 현실의 사물을 프로그램에 반영할 때 쓴다.

객체는 정말 중요하므로(그리고 양도 많다) 다음 시간에 자세히 알아보자