1. 변수와 상수?

• 변수는 '변할수 있는 수', '변할 수 있는 정보'라는 뜻.
  변할 수 있는 값을 저장하기 위해 사용.
• 상수는 변하지 않는 값을 저장하기 위해 사용.

1.1 변수 및 상수 명명의 규칙

변수와 상수를 정의할 때는 다음과 같은 규칙을 따른다.

• 첫 글자는 영문자, $, _만 사용가능.
• 첫 글자 이외에는 영문자 $, _, 숫자만 사용가능.
• 영문자의 소문자와 대문자를 구분함. (a와 A는 다른 변수)
• 자바스크립트의 예약어는 사용할 수 없음. (예: const, let 등)
• 공백 문자 포함할 수 없음.

1.2 사용 예시

const myAge = 26;
let myName = 'yeji';
var myJob = 'Frontend Dev';

이런 식으로 const, let, var를 사용해서 변수 및 상수를 생성할 수 있음.

1.3 변수의 자료형

typeof 'hello world'   // String
typeof 100             // Number
typeof NaN             // Number
typeof true            // Boolean
typeof undefined       // undefined
typeof Symbol()        // Symbol
typeof null            // Object
typeof []              // Object
typeof {}              // Object
typeof function () {}  // function
typeof /정규표현식/gi   // Object

Number

• 정수 및 부동 소수점 숫자를 나타냄
• NaN

• NaN 도 Number 데이터 타입. (Not a Number)
  주로 문자형 숫자를 사용했을 때 숫자값으로 형변환 할 때 사용.

const a = Number('26');

String

• 작음따옴표나 큰따옴표로 둘러싼 것.
• 순서가 있는 자료형 (시퀀스형)
• 순서는 0부터 시작하고 띄어쓰기도 문자로 포함.
• 해당 순서를 index라고 부름.
• index로 호출하는 것을 indexing 이라고 함.

Boolean

• true 또는 false를 값으로 가지는 논리 타입.
• 참 또는 거짓을 의미하는 값을 나타냄.

Null

값이 (존재하지 않음)을 나타냄

undifined

값이 아직 지정되지 않았음을 나타냄

Array 배열

• 데이터 타입의 집합.
• index를 사용해 순차적으로 접근할 수 있는 데이터 타입

// 배열을 선언하는 다양한 방법
// let 과일 = ['사과', '수박', '복숭아', '딸기', '바나나'];
// let 과일 = new Array(5);
let 과일 = new Array('사과', '수박', '복숭아', '딸기', '바나나');

document.write(`${과일} <br>`);
document.write(`${과일[0]} <br>`);
document.write(`${과일[2]} <br>`);

Object 객체

• 여러 종류의 데이터 타입의 집합.
• 각각의 요소는 key와 값으로 구성.
• 키와 값의 쌍을 property라고 부름.
• property의 값에 접근하기 위해서는 . 점 표기법 또는 [''] 대괄호 표기법을 사용

let person = {
            //key: value
            name: '정예지',
            age: 10,
        }
        document.write(`제 이름은 ${person.name} 입니다.<br>`);
        document.write(`제 이름은 ${person['name']} 입니다.<br>`);

📚참고
멋쟁이사자처럼 프론트엔드 2기 교안
자바스크립트 ES6+ 독학백서