credit 김버그 https://www.youtube.com/watch?v=7gKtNC3b_S8html은 중첩되어있는 구조.ex) div,body,html eventListner이 등록되어있다. => 이벤트 중첩!div 클릭시, div의 부모 태그들에 등록된

This keyword. 1. this는 오브젝트 내의 메소드(함수)에서 사용했을 때, 그 메소드를 담고 있는오브젝트를 출력해준다 A오브젝트안에 console.log(this)를 출력하는 함수가 있다면, this는 그 A오브젝트를 가르킨다. 마찬가지로 일반함수

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경배열의 특정구간을 추

☄️ in (properet existence check) ☄️ For...in ☄️ For...of

object literal syntaxconst obj1= {} object constructor syntaxconst obj2 = new Object()object.create methodclass ES6It calls "Constuctor function"It cr

A factory function is a function that returns an object and can be reused to make multiple object instances.It can also have parameters allowing us to

Getters can perform an action on the data when getting a property.Getters can return different values using conditionals.In a getter, we can access th

☄️ JavaScript parsing & execution 1)렌더링 엔진이 HTML 파싱 하며 돔을 만들어 나가다가 CSS파일 로드하는 style이나 link파일 만나면 DOM생성 중단하는 것처럼, 렌더링 엔진이 HTML 파싱 하며 돔을 만들어 나가다가JS파일을 로

브라우저는 html, css , JS, img file 등 렌더링에 필요한 리소스를 서버로 요청하고 응답받는다. 브라우저 렌더링 엔진은 서버로 부터 응답된 html, css를 파싱하여 DOM과 CSSOM 생성하고 이들을 결합하여 렌터드리를 생성한다. JS 엔진은 서버로