1. JS basic

• Vanilla는 VanilaJS를 일컫는 말로, javascript 기반의 다양한 라이브러리 보다 javascript 자체의 기능만 사용하겠다는 의미이다. (별도의 라이브러리 사용 X)

• naming rule

  • 변수, 함수, 메소드 등: camelCase
  • 클래스: PascalCase

변수 선언

let testValue;
let testValue = 1;
console.log(testValue);

상수 선언

const testValue = 1;
const testValue = 'test';
const testValue = "test";

데이터 타입

1. Number: 정수/부동소수점 구분 없이 64비트 부동소수점으로 처리
2. String
3. Boolean: true/false, 문자열의 경우 문자열이 없는 경우는 false/있기만 하면 true
4. null: 값이 없음
5. undefined: 값이 할당되지 않았음
6. object
7. Symbol: unique한 값, description은 문자열, 숫자 등의 데이터가 될 수 있으며, 해당 심볼을 설명하기 위한 목적 이외에는 심볼 생성, 접근 등과 관련 없음

let testUndefined;
console.log(typeof testUndefined, testUndefined); 
// undefined undefined
let testNull = null;
console.log(typeof testNull, testNull); 
// object, null

let testSymbol1 = Symbol("1");
let testSymbol2 = Symbol("1");
console.log(typeof testSymbol1, testSymbol1);
// symbol null
console.log(testSymbol1 == testSymbol2);
// false
console.log(testSymbol1 === testSymbol2);
// false

데이터 타입 변환

1. Number()
2. parseInt(): Number 타입으로 변환하되 정수로 만듦
3. parseFloat(): Number 타입으로 변환, 부동소수점까지 그대로 데이터 변환
4. String()
5. Boolean()

동등연산자와 일치연산자

• ==, !=: 값만 같은지 확인함
• ===, !==: 값과 데이터 타입 둘다 같은지를 확인함

일치연산자만 사용하도록 한다.

문자열 연산

let testString = "Hello";
console.log(testString + " World!");