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

변수

var dateChecker = function() {
    var date = new Date();
    alert(date);
}
dateChecker();

*코딩테스트 변수 사용시 var(variable)만 쓰거나 let,const 두개만 쓰거나 해야한다.

변수(variable)란 변하는 수이다. 무엇이 변하냐면 데이터가 변합니다. 프로그래밍의 기본이 정보들은 모두 데이터 입니다. 홈페이지만 하더라도 유저의 정보, 포스트, 댓글 등등 수 많은 데이터들을 처리해야합니다. 데이터를 처리하기 위해선 데이터를 저장하는 공간이 필요합니다.

데이터에는 여러 종류가 있는데 js의 데이터 종류는 다음과 같습니다.

var a = ''; // 문자열
var b = 0; // 숫자
var c = false; // 불린
var d = null; // 널
var e = undefined; // 언디파인드
var f = []; // 배열
var g = {}; // 객체
var h = function() {}; // 함수

var a는 자바스크립트 엔진에게 "이제 데이터 저장공간을 만들어! 이름은 a야" 하고 말하는 것입니다. 이것을 변수를 선언한다고 표현합니다.

var a = '';로 a에 ''를 대입한 것입니다. =은 같다라는 뜻이 아니라 대입(assign)한다는 의미입니다.
프로그래밍에서 같다는 ==(equal)로 쓰입니다.
변수를 선언하자마자 값을 대입하는 것을 초기화 한다고 표현합니다.
문장의 마지막을 보면 ;(세미콜론)으로 끝나는데 문장이 끝나다는 것을 알려주는 기호입니다.

var a = 'string'; // a의 이름을 가진 저장공간을 만들고 문자열을 넣습니다.
a = 'rename'; // a의 이름을 가진 저장공간에 다른 문자열을 넣습니다.
a; // 'rename';

위와 같이 이름을 사용하여 기존의 변수에 저장되어 있던 내용을 변경할 수 있습니다.

자료형- 자바스크립트 자료(date)의 종류(type)

문자열(String)

var string = "string" //큰 따옴표
var string2 = 'string' // 작은 따옴표
var string3 = "'string'" // 작은따옴표가 문자열에 들어있으면 큰따옴표로 감쌉니다.
var string4 = '"string"' // 반대의 경우
var string5 = '\'string\'' // 한가지 따옴표만 쓰고 싶을 때는 \로 이스케이핑

문자열은 큰따옴표나 작은따옴표 중 하나를 씁니다. 한 가지 따옴표만 쓰고 싶을 경우 \을 따옴표 앞에 붙여 줍니다. 이것을 이스케이핑이라고 부릅니다.

숫자(Number)

var number = 1;
var float = 5.6;

불린(Boolean)

var bool = true;
var bool2 = false;

true와 false입니다. yes/no라고 생각하셔도 됩니다.

Undefined / Null

var a; // 자동으로 undefined가 들어갑니다.
a; // undefined

var b = 125;
b = null;
b; //null

undefined는 변수를 만들어 놓았는데 아무 값도 넣지 않았을 때 입니다.(말 그대로 정해지지 않음을 뜻합니다.) 반면 null은 의도적으로 아무 값도 넣지 않는 것을 의미합니다.
null을 사용하는 이유는 위와 같이 기존에 있는 값을 지울 때 사용합니다.