👍 자료형(Data Types)

• 자료형이란 변수의 유형으로 컴퓨터가 처리하는 자료의 형태

자료형	설명
원시데이터 - number(숫자)	따옴표 없이 표기한 숫자를 나타냅니다.
원시데이터 - string(문자열)	작은 따옴표나 큰 따옴표로 묶어 나타냅니다.
원시데이터 - boolean(논리형)	참과 거짓이란 두 가지 값만 가지고 있는 유형.
원시데이터 - undefinde	자료형을 지정하지 않았을 때의 유형
└→	ex)변수선언만 하고 값을 정의하지 않은 상태
원시데이터 - null	값이 유효하지 않을 때의 유형
객체데이터 - array(배열)	하나의 변수에 여러 값을 저장하는 유형
객체데이터 - object(객체)	함수와 속성이 함께 포함된 유형

👉 변수란 무엇일까 ?

• 변수(variables)는 변하는 데이터(값)을 저장할 수 있는 메모리 공간이다.
• 변수에는 데이터가 오직 한 개만 저장됩니다. 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워지게 된다.
• 변수명에는 한글을 사용할 수 없으며, 영문과 숫자 그리고 일부 특수 문자(_,$)만 포함할 수 있다.
• 변수명은 의미에 맞게 만드는 것이 좋다.
  (예 : 수학점수저장변수 mathNum => camelCase)
• 변수에 저장할 수 있는 자료형 : 문자형, 숫자형, 논리형, 빈데이터
  

👉 변수명 주의 사항

• 변수명은 띄어쓰기 할 수 없고 숫자로 시작해서도 안된다.
• 변수명 첫 글자는 반드시 문자나 밑줄(_) 또는 달러 기호($)로 시작해야 한다.
• 예약어(reserved word)는 자바스크립트의 용도를 가진 키워드로 변수명으로 사용할 수 없다.
  
• 변수, 함수, 객체 등을 선언할 때 일정한 규칙을 부여하면 코드에 가독성을 높일 수 있다.

표기법	설명
카멜표기법	첫 번째 단어의 첫 문자는 소문자, 두 번째 이후부터는 첫 문자만 대문자로 표시
└→	userAge, creatElement
파스칼표기법	각 단어의 첫 글자를 대문자로 표시
└→	UserAge, CreatElement
언더스코어표기법	각 단어를 언더바로 표시
└→	user_age, time_process

tip ! -(하이픈) 사용은 안된다.

👉 변수선언방법

• var(variable)를 이용한 변수선언 방법
  
  var : 변수 선언을 의미
  num, str, temp : 변수를 구분하는 이름(변수명)
  10, javascript, true : 변수에 저장되는 데이터 값

👉 let을 이용한 변수 선언

• ECMAScript2015부터는 var 변수 선언의 단점을 보완하기 위해 let이 추가 되었다. var는 동일한 변수를 중복해서 선언할 수 있지만, let은 이미 선언한 변수를 중복해서 선언할 수 없다.
  

👉 상수 선언(const)

• 변수(var, let)가 변경되는 데이터를 선언하는 반면, 상수(const)는 변경하지 않을 데이터를 선언한다. 일반적으로 웹페이지 안에서 변하지 않는 값들에 대하여 상수 선언.

ex) 페이지 url
	페이지 파라미터(쿼리스트링)
   	고객 정보 등 외부에서 입력된 값(id, password, key, value)
    원주율 및 기타 수학 공식 등

👉 나이계산 코드로 제작하기

• 이 수식의 맨 끝에 있는 숫자 1은 변하지 않는 값 입니다. 이런 값을 상수라고 합니다. 나머지 값(올해연도, 태어난 연도, 나이)은 변할 수 있는 값, 이런 값을 변수라고 부릅니다.
  

👉 문자열 내에서 따옴표 사용하기

• 간혹 문자열 내부에서 작은 따옴표나 큰 따옴표를 사용해야 할 경우가 있다. 문자열 자체에는 작은 따옴표나 큰 따옴표로 감싸서 사용하면 된다.
  

• 따옴표를 문자열로 사용하고 싶다면 따옴표 앞에 백슬래시를 사용하면 된다.
  이런 방법을 이스케이프(escape) 기법이라고 한다.
  

👉 변수 사용을 더 간편하게

• 간혹 개발자들은 변수를 생성할 때 간편한 방법을 사용하기도 한다.

- 변수를 선언함과 동시에 값을 대입할 수 있다.

let price = 5;
let quantity =14;
let total = price * quantity;

- 세 개의 변수를 한 줄에 선언한 후 각각 대입할 수 있다.

let price, quantity, total;
price = 5;
quantity = 14;
total = price * quantity;

- 한 줄의 코드에 두 개의 변수를 선언함과 동시에 값을 대입할 수 있다. 그리고 다음 줄에 또 다른 변수를 선언하고 값을 대입했다.

let price = 5, quantity = 14;
let total = price * quantity;