JS 개요

단어 표기법

1. dash-case(kebab-case) : HTML,CSS에서 사용
   ex. the-quick-brown-fox

2. snake_case : HTML,CSS
   ex. the_quick_brown_fox

3. camelCase : JS (변수)
   ex. theQuickBrownFox

4. PascalCase : JS (함수)
   ex. TheQuickBrownFox

Zero-based Numbering : 배열의 인덱스와 같이 0부터 시작.

주석: //, /* */ 사용 가능

데이터 종류 (자료형)

String
Number
Boolean
Undefined
Null
Object
Array
가 있다.

자바스크립트는 변수를 let 키워드를 통해 선언한다.
그리고 세미콜론을 통해 코드를 마무리한다.
문자열 변수(String)는 다음과 같이 선언할 수 있다.

let myName = "HoneyRiceCake";
let email = '안가르쳐줄거야';
let hello = `Hello ${myName}`;

세번째는 백틱 기호를 이용한 문자열 선언법인데
백틱 기호를 이용하면 보간법을 사용할 수 있다.
즉, 달러 사인과 중괄호를 이용해 변수를 대입할 수 있다.

Number변수도 다음과 같이 선언할 수 있다.

let number = 123;
let opacity = 1.57;

boolean 데이터는 다른 언어들과 같이 true와 false 두가지 값만 있다.
자바와 같이 그리고 파이썬과 달리 소문자로 시작한다는 것을 기억해두자.

Undefined 는 값이 할당되지 않은 상태를 나타낸다.

ex.

let undef;
let obj = {abc:123, def:456};

console.log(undef);
console.log(obj.abc);
console.log(obj.xyz);

결과

이렇게 자바스크립트에서는 할당되지 않은 값 역시 하나의 자료형으로 취급한다.

그리고 Null이라는 자료형이 있다.
이는 어떤값이 '의도적으로' 비어있음을 의미한다.

let empty = null;  // undefined와 달리 명시적으로 null값이 들어감

Object(객체 데이터)

여러 데이터를 Key:Value 형태로 저장한다.
Property:Value 형태라 생각해도 된다.
데이터를 순차적으로 저장하진 않고 해싱을 이용하여 저장한다.
즉, Object는 해시테이블이다.

let heights = {
  Kim:180,
  Lee:170,
  Son:160,
  Oh:150,
  Song:175
};  // key/value들의 집합으로 사용

let user = {
  name:'Song',
  age: 25,
  isStudent: true
}; // user의 속성과 속성값의 집합으로 사용

console.log(heights.Kim);
console.log(user.name);

이는 해쉬테이블 형태로 작동하먀 저장 및 탐색은 사실상 O(1)이다.

배열은 여러 데이터를 순차적으로 저장한다.

다음과 같이 선언할 수 있다.

let fruits = ['Apple', 'Banana', 'Cherry']