시작하기 앞서 MDN 문서와 모던 자바스크립트 페이지를 상당수 참조해 작성됨을 알림.

# What Mean Variable?

간단하게 말해서 데이터를 저장하는 저장 공간이다.

var Number, String, Array, Object, Function; // var 키워드를 사용해 var [이름] 을 가진 저장 공간을 만듦.

만약 변수(저장 공간)에 임의의 값을 저장하고 싶다면?

Number = 1; // 연산자 중, 값을 할당 (저장) 해주는 연산자 '=' 사용

String = 'Hello World!';

Array = [1,2,3,4,5];

Object = {
	name : 'John',
    	age : 19,
    	child : ["Ancle", "Timmy", "Cristina"]
};

Function = function sum(num1,num2) {
	let sum;
    return sum = num1 + num2;
};

이런 형식으로 데이터 값을 저장해 데이터에 접근할 수 있게 된다.

참고로, 자바스크립트는 어떠한 값을 저장하느냐에 따라서 자료형이 결정된다.

이러한 형태를 동적 타입 언어  라고 말한다. 처음 접한다면 그냥 이렇다 생각하고 넘어가면 된다.

그리고 String 아래부터 무슨 외계 언어가 적혀 있는데 추후 업로드 예정이니 그때에 알아보도록 하자.

# 변수 이름 지정 규칙

뭔가 엄청 대단해 보이는데 딱히 별 거 없다.

변수 명에는 오직 문자와 숫자, 그리고 기호 $와 _만 들어갈 수 있다.
첫 글자는 숫자가 될 수 없다.

진짜 별 거 없다. 저 두 가지와 그 외의 규칙을 지키면 오류가 발생하지 않는다.
아래 여러 예시를 확인하자.

var 1name;     // 삐빅 오류 발생 !! (첫 글자 시작이 숫자임)
var @user;     // 삐빅 오류 발생 !! (첫 글자에 기호가 온다면 $와 _만 올 수 있음)
var your-home; // 삐빅 오류 발생 !! (하이픈 '-'은 변수명에 올 수 없음)
var $;         // 에러 발생하지 않음 (사유 : $라서)
var _;         // 에러 발생하지 않음 (사유 : _라서)

var facebook;  // 소문자
var Facebook;  // 대문자 (자바스크립트는 대소문자를 구별하기 때문에 서로 다른 변수임)

var var;       // 삐빅 오류 발생 !! (예약어는 변수명으로 사용 불가)
var for;       // 삐빅 오류 발생 !! (for과 var는 예약어임)

그렇다. (예약어는 이곳 참조)

그리고 변수명을 지을 땐 카멜표기법(camelCase)을 보통 흔히 사용하고 있다.
이게 무슨 표기법이냐면 첫 단어를 제외하고 뒤에 오는 모든 단어의 첫 글자를 대문자로 쓰는 표기법이다.
백문이 불여일견, 그냥 한 번 보자.

var myHome;
var yourFacebookId;

이렇게 말이다.

# 코딩 스타일

var number = 1, name = 'John', address = 'New York'

이렇게 한 줄에 전부 작성할 수도 있는데 가독성이 떨어지니 이 방식은 지양하자. (극히 주관적 의견)

var number = 1;
var name = 'John';
var address = 'New York';

코드가 조금 길어지긴 하지만 알아보기에는 이만한 방식이 없다. (개인적인 생각)

var number = 1,
    name = 'John',
    address = 'New York';

이렇게 할 수도 있고,

var number = 1
  , name = 'John'
  , address = 'New York';

이렇게 할 수도 있다.

사실 코딩 스타일은 팀 단위 프로젝트가 아니라면 딱히 정해진 규율이 없으므로 개인 작업을 진행할 땐 나에게 편한 것이 우선이다.

하지만 오랜 시간 코딩을 하다보면 내가 하던 방식대로 코딩 스타일이 굳어 버릴 수도 있기 때문에 개인일 때에도 웬만하면 가독성을 생각하자.

계속 점점 말이 길어지는데 딱 이 부분만 말하고 이번 포스트를 끝마치도록 하겠습니다.

자바스크립트는 세미콜론을 생략해도 되긴 하지만 오류가 발생할 가능성이 있기 때문에 문장을 마치면서 세미콜론을 붙이는 습관을 들이도록 하자. (자세한 설명은 이곳 참조)

이렇게는 안 해도 된다.

아 또, 진짜 마지막으로 자바스크립트에는 어떠한 자료형들이 있는지만 적고 끝내겠습니다.

# 자바스크립트의 자료형 (설명 X)

var foo;         // foo 는 현재 undefind 임
var foo = null;  // foo 는 현재 null 임
var foo = 42;    // foo 는 현재 Number 임
var foo = "bar"; // foo 는 현재 String 임
var foo = true;  // foo 는 현재 Boolean 임
var foo = {}     // foo 는 현재 Object 임
var foo = Symbol(); // foo 는 현재 Symbol 임

프로그래밍 언어를 처음 봤을 때 이보다 외계 언어라고 생각되는 무언가가 있을까? 필자는 없다고 생각한다.
진짜 진짜로 포스트 끝마침.