JS

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

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

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

☄️ 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

Synchronous : 정해진 순서에 따라 코드 실행, Execute the code block in order.Asynchronous: 언제 코드가 실행될 지 예측할 수 없는 코드 It doesn't execute the code block in order.ex -

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

👉🏼 Event referencehttps://developer.mozilla.org/ko/docs/Web/EventsDOM 이벤트는 발생한 흥미로운 것을 코드에 알리기 위해 전달됩니다. 각 이벤트는 Event 인터페이스를 기반으로한 객체에 의해 표현되며

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