본문으로 건너뛰기

JavaScript 치트시트

1. 기본 문법​

1.1 변수 선언​

JavaScript에서 변수를 선언하는 방법은 세 가지가 있습니다.

var oldVar = '옛날 변수'; // 함수 스코프, 사용 지양
let name = 'Kim'; // 재할당 가능, 블록 스코프
const age = 30; // 재할당 불가, 블록 스코프

name = '새 이름'; // 가능
// age = 35;      // 오류 발생

1.2 자료형​

기본 자료형과 객체형 자료형이 있습니다.

// 기본 자료형
let str = 'Hello'; // 문자열
let num = 100; // 숫자
let flag = true; // 불리언
let nothing = null; // null
let undef; // undefined
let big = 1234567890123456789012345678901234567890n; // BigInt
let sym = Symbol('id'); // Symbol

// 객체형
let arr = [1, 2, 3];
let obj = { name: '영기', age: 30 };

1.3 연산자​

1.3.1 산술 연산자​

let a = 5,
  b = 3;
console.log(a + b); // 8
console.log(a - b); // 2
console.log(a * b); // 15
console.log(a / b); // 1.666...
console.log(a % b); // 2

1.3.2 비교 연산자​

console.log(5 == '5'); // true (값만 비교)
console.log(5 === '5'); // false (값과 타입 모두 비교)
console.log(5 != 3); // true
console.log(5 !== '5'); // true

1.3.3 논리 연산자​

console.log(true && false); // false
console.log(true || false); // true
console.log(!true); // false

1.3.4 할당 연산자​

let x = 10;
x += 5; // 15
x -= 3; // 12
x *= 2; // 24
x /= 4; // 6

1.3.5 삼항 연산자​

let age = 20;
let status = age >= 18 ? '성인' : '미성년';
console.log(status); // '성인'

1.4 주석​

// 한 줄 주석
/* 여러 줄
   주석 */

1.5 콘솔 출력​

console.log('Hello World'); // 일반 출력
console.error('Error!'); // 오류 출력
console.warn('Warning!'); // 경고 출력