자바스크립트 변수

#1 변수란?

• 변수(variable) : 자바스크립트에서는 변수를 사용하여 여러가지 형태의 데이터를 저장할 수 있습니다.
  대표적으로 var, let, const 키워드가 있습니다.

#2 변수의 선언

• 변수선언 : 변수는 아래와같이 let 또는 var,const 등을 앞에 붙여서 선언할 수 있습니다.

let myAge;

• 변수와 대입 연산자 : 변수에 값을 할당할 때 대입연산자(=)를 사용합니다. 대입연산자는 말 그대로 오른쪽 항에 있는 값을 왼쪽에 있는 변수에 대입하는 역할을 합니다.

let myAge = 21;

• 변수의 이름과 값 할당 : 위의 예시 코드에서는 변수의 이름을 myAge 변수의 값을 =(대입연산자) 를 사용하여 21 이라는 숫자형 데이터 타입을 할당해주었습니다.

//숫자형 데이터 타입
let myAge = 21;
//문자열 데이터 타입
let myName = "윤수민";
//불린형 데이터 타입
let imMan = true;

• 변수의 값 과 데이터 타입 : 위의 코드와 같이 변수를 사용하여 여러가지 데이터 타입을 저장할 수 있습니다.
• 값이 할당되지 않은 변수 :변수는 처음 선언된 경우 초기 값으로 undefined, 즉 정의되지 않은 값을 갖습니다.

let a; // --> a라는 변수를 선언하였지만 값을 대입하지않음
console.log(a) // --> return undefined

즉, 변수를 선언하는 것과 값을 대입하는 것은 별개입니다.
선언된 변수가 특정한 값을 갖기 위해서는 대입연산자를 사용해 그 값을 대입해주어야 합니다.

• 변수의 이름 정하기 : 변수이름, 함수이름, 연산자 모두 대소문자를 구분합니다. 따라서 myName과 MyName은 다른 변수입니다. 변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(), 달러기호($)중 하나 입니다. 두 번째 문자부터는 글자, 밑줄, 달러, 숫자 중에서 자유롭게 쓸 수 있습니다. 변수이름, 함수이름 등 camelCase(카멜케이스) 방식으로 쓸 것. snake_case 표현법도 있지만 잘 사용하지 않음(변수이름에 -는 사용할 수 없으므로, 를 사용한 것)

//예시 camelCase(카멜케이스) 방식의 변수이름
let someVariable; 
let anotherVariableName; 
let thisVariableNameIsSoLong;

• null & undefined : null 과 undefined 는 모두 자바스크립트의 데이터 타입입니다.
  undefined는 선언은 됐지만 아직 value가 할당되지 않은 경우를 의미합니다. null은 '빈 값(blank)'을 의미하는데 사용자가 준 value입니다. 그래서 undefined와 다르게 자바스크립트가 자동적으로 null 이란 값을 줄 수는 없습니다.

//예시
let name;            // 사용자가 변수에 값을 할당하지않음 => undefined
let name = null;     // 사용자가 변수에 null(값이 없음blank)이라는 값을 할당함 => null

#3 기초문제 풀기

• myAge,myNmae,myJob이라는 이름의 변수를 각각 만들고 그에 맞는 값을 할당한 후 console.log를 사용하여 출력해주세요

let myAge = 21;
let myNmae = "윤수민";
let myJob = "학생";
console.log("저의 이름은 " + myName + " 이고 저의 나이는 " + myAge + "살 입니다. 직업은 " + myJob + " 입니다."); 
// --> return 저의 이름은 윤수민 이고 저의 나이는 21살 입니다. 직업은 학생 입니다.

• myAge라는 변수를 선언한뒤 21이라는 숫자형 데이터 타입의 값을 할당해주었다.
• myName라는 변수를 선언한뒤 "윤수민"이라는 문자형 데이터 타입의 값을 할당해주었다.
• myJob라는 변수를 선언한뒤"학생"이라는 문자형 데이터 타입의 값을 할당해주었다.