이채현

객체

Object.keys()

• 객체의 키들이다~~라는 느낌으로 객체의 키들이 배열로 반환된다.

이채현

객체 생성

일반적으로 생성 할 수 있는 객체

싱글 리터럴 (Literal) 객체

이채현

DOM (문서 객체 모델…Document Object Model)

• HTML ⇒ 문서
• 문서를 조작하는 언어 ⇒ JavaScript
• Document Object Model ← JavaScript가 DOM을 통해 HTML을 조작
• DOM 내부에는 Node: HTML 요소 하나하나 전부를 지칭
  • Node는 Tree형태로 부모노드가 자식노드를, 자식노드가 그 자식노드를…
  • 각 Node에는 수 많은 Properties, Methods…가 존재

결론

이채현

Promises

async

자바스크립트는 순차적으로 처리되는게 아니라 한꺼번에 실행된다. ⇒ 자바스크립트의 비동기성(async)

이채현

For

forEach

1
2
3
4
5
6
7
8
9

const friends = ["me", "you", "nico"];

const addHeart = (current, index, array ) => ( console.log(current, index, array));

friends.forEach(addHeart);
	// 파라미터 첫번째로 값을 주고 두번째로 인덱스를 주고 세번째로 현재 배열을 준다
	// me 0 ["me", "you", "nico"]
	// you 1 ["me", "you", "nico"]
	// nico 2 ["me", "you", "nico"]

이채현

Rest and Spread

Spread

기본적으로 변수를 가져와 풀어 해쳐 전개해놓는 것.

이채현

Destructuring

destructuring(비구조화)는 object나 array 등 안의 변수를 바깥으로 끄집어내는 것

Object Destructuring

이채현

Array

Array.of()

무엇이든 Array로 만들어준다.

이채현

Strings

Template Literal

variable을 가진 문자열을 쓰는 방법에 대한 개선

이채현

Functions

Arrow Functions

기존 함수의 모습을 개선했다.