본문 바로가기

바닐라 자바스크립트11

[바닐라 자바스크립트] 11장 - 브라우저의 렌더링 과정 11.1 렌더링 과정 - DOM(Document Object Model), CSSOM(CSS Object Model) 생성 - DOM 트리 생성 - CSSOM 트리 생성 - 렌더링 트리(Rendering Tree) 생성 - 레이아웃(Layout) 단계 - 페인팅 단계 11.2 리플로우(Reflow), 리페인트(Repaint) - 리플로우 - 리페인트 [Reference] Vanilla JavaScript (비제이 퍼블릭 출판사) 2022. 2. 27.
[바닐라 자바스크립트] 10장 - 자바스크립트 주요 Web APIs 10.1 LocalStorage, SessionStorage - LocalStorage - 저장된 페이지를 삭제하기 전까지 영구 보존 - SessionStorage - 브라우저 창(탭)을 닫는 순간 자동 삭제 10.2 Geolocation API - 웹 브라우저에 접속한 사용자의 지리적 위치 정보에 대한 위도, 경도 값 확인 가능 API 10.3 Web Speech API - 음성 정보를 텍스트로 변환해주는 API 10.4 encodeURI / decodeURI - encodeURI() - URI의 특정한 문자를 UTF-8로 인코딩하고 연속된 이스케이프 문자로 변환 - decodeURI() - 인코딩된 문자 디코딩 [Reference] Vanilla JavaScript (비제이 퍼블릭 출판사) 2022. 2. 27.
[바닐라 자바스크립트] 9장 - 자바스크립트의 메모리 관리 9.1 메모리 할당 - 메모리 할당 시점 - 스택(Stack) 메모리 - 힙(Heap) 메모리 9.2 메모리 해제 - 레퍼런스 카운팅(Reference Counting) 가비지 컬렉션 - 마크 앤 스윕(Mark & Sweep) 가비지 컬렉션 [Reference] Vanilla JavaScript (비제이 퍼블릭 출판사) 2022. 2. 27.
[바닐라 자바스크립트] 8장 - 자바스크립트 HTML DOM 8.1 DOM Element(요소) - HTML 요소의 id로 HTML 요소 찾기 - document.getElementById() - HTML 요소의 태그명을 이용해서 HTML 요소 찾기 - document.getElementsByTagName() - 클래스명을 이용해서 HTML 요소 찾기 - document.getElementsByClassName() - CSS 선택자를 이용해서 HTML 요소 찾기 - 태그 선택자(Type Selector) - 클래스 선택자(Class Selector) - ID 선택자(ID Selector) - 복합 선택자(Combinator Selector) - 속성 선택자(Attribute Selector) - CSS 선택자를 이용해서 HTML 요소 찾기 예 8.2 DOM Att.. 2022. 2. 27.
반응형