dh_0e

DOM이란Document(HTML파일)를 Javascript가 해석할 수 있는 Object 형태로 Moudeling 한 것 브라우저에 기본적으로 내장되어 있는 API 중 하나( API는 다른 시스템에서 제공하는 기능을 사용할 수 있도록 도와주는 중간자 역할 )DOM이 브라우저에 내장되어있기 때문에 우리는 HTML의 내용을 Javascript로 접근, 제어할 수 있다. DOM은 node를 갖는다. (계층구조, DOM Tree 내부의 하나 하나 모두 node) DOM에 접근하는 방법document.getElementById("ID") ID의 코드를 불러옴 document.querySelector(".Class") Class의 태그를 불러옴 (ID도 #으로 불러올 수 있음).children 자식 요소 불러옴 ..

콜백 함수 다른 함수(고차 함수) 또는 메소드에게 인자로 넘겨줌으로써 자신의 제어권도 함께 넘겨줌ex) setInterval( function(){}, time ) 콜백함수의 제어권을 넘겨받아 time마다 콜백함수의 로직을 수행      Object.foreach(function(A){}) 콜백함수의 제어권을 넘겨받아 A의 요소들로 콜백함수의 로직을 수행 동기 vs 비동기동기(synchronous) - 현재 실행중인 코드가 끝나야 다음 코드를 실행하는 방식 비동기(a+synchronous => async) - 실행중인 코드의 완료 여부와 무관하게 즉시 다음 코드로 넘어가는 방식 ex) setTimeout, addEventListner 별도의 요청, 실행 대기, 보류 등과 관련된 코드 모두 비동기적 코드임..

실행 컨텍스트(Execution Context)실행 컨텍스트란 실행 코드에 제공할 환경 정보들을 모아놓은 객체콜 스택에 환경 정보를 저장하며 스택이므로 FILO(First In Last Out)의 구조임 실행 컨텍스트는 환경 정보 3가지가 모여 객체를 이루며 이를 통해 환경을 보장함 1. VariableEnvironment(VE) - 현재 컨텍스트 내의 식별자 정보(=record)와 외부 환경 정보(=outer) 2. LexicalEvironment(LE) - VE와 동일하지만 변경사항을 실시간으로 반영하며 스냅샷을 유지하지 않는다. 3. this Binding - 함수나 메소드에서 this를 특정 객체로 bind하여 사용하는 것 결국, 실행 컨텍스트를 생성할 때, VE에 정보를 먼저 담으며, 이를 그대..

Map Map은 Object와 유사하지만 Key에 어떠한 데이터타입도 들어올 수 있으며 키가 정렬된 순서로 저장된다는 차이점이 있음반복자를 활용하여 for .. of로 사용이 가능하며 다음과 같은 메소드로 삽입과 검색을 실행함Map.set(Key, value) 데이터 삽입Map.get(Key) 데이터 검색const myMap = new Map();myMap.set(1, 1);myMap.set(2, 2);myMap.set("aaa", 3);myMap.set("bbb", 4);console.log(myMap.get(1)); // 1console.log(myMap.get("bbb")); // 4console.log(myMap); // Map(4) { 1 => 1, 2 => 2, 'aaa' => 3, 'bbb'..

1. 구조분해할당 (destructuring) de(not/분해) + structure(구조) + ing 객체의 속성을 하나 하나 분해해서 값을 변수에 담을 수 있게 해주는 문법 // Arraylet arr = [1, 2, "hi"];let [a, b, c, d] = arr;console.log(a, b, c, d); // 1 2 hi undefined// Objectlet person = { name: "kdh", age: 23, height: 182}let { name, age, height: tall, weight = 75 } = person;console.log(name, age, tall, weight); // kdh 23 182 75  2. 단축 속성명 (property sho..