엉망진창 코딩 공부

제가 브라우저와 DOM,HTML에 대해 공부했던 내용입니다. 참고하실분은 참고해주세요~! 브라우저의 렌더링 과정 1. HTML,CSS,JS, 이미지,폰트 파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다. 2. 브라우저의 렌더링 엔진은 서버로부터 응답된 HTML과 CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 결합아여 렌터 트리를 형성한다. 3. 브라우저의 JS 엔진은 서버로부터 응답된 JS를 파싱하여 AST(Abstract Syntax Tree)를 생성하고 바이트코드로 변환,실행한다. JS는 DOM API를 이용해 DOM,CSSOM을 변경할 수 있다. 변경된 후 다시 렌더 트리로 결합된다. 4. 렌더 트리를 기반으로 HTML요소의 레이아웃을 계산하고 브라우저 화면에 HTML요..

Set 객체는 중복되지 않는 유일한 값들의 집합이다. 배열과 유사하지만 값을 중복하여 사용할 수 없고 순서에 의미가 없으며 인덱스로 접근이 불가능하다. set을 사용하면 교집합, 합집합등 수학적 특성을 이용할 수 있다. const set1 = new Set([1, 2, 3, 3]); console.log(set1); // Set(3) {1, 2, 3} const set2 = new Set('hello'); console.log(set2); // Set(4) {"h", "e", "l", "o"} 요소의 개수 확인은 Set.prototype.size프로퍼티를 사용하여 얻을 수 있다. const set = new Set([1, 2, 3]); console.log(Object.getOwnPropertyDescr..