반응형

DOM 2

[JS] JS로 DOM(Documents Object Model)과 CSSOM(CSS Object Model)을 수정하기

0. 먼저 읽어보기JavaScript에서 DOM(Documents Object Model)과 CSSOM(CSS Object Model)을 수정하는 방법에 대해 자세히 설명하겠습니다. DOM, CSSOM이란 무엇인가? [HTTP] 브라우저(Browser)의 작동원리와 DOM(Document Object Model)웹 브라우저는 사용자가 입력한 URL을 기반으로 웹 페이지를 요청하고, 받아온 데이터를 해석하여 화면에 렌더링하는 역할을 한다.이 과정에서 파싱(Parsing), 렌더링(Rendering), DOM(Document Object Model)jyhan0625.tistory.com   1. DOM (Document Object Model)DOM은 HTML 문서 구조를 JavaScript 객체로 표현한 ..

[HTTP] 브라우저(Browser)의 작동원리와 DOM(Document Object Model)

웹 브라우저는 사용자가 입력한 URL을 기반으로 웹 페이지를 요청하고, 받아온 데이터를 해석하여 화면에 렌더링하는 역할을 한다.이 과정에서 파싱(Parsing), 렌더링(Rendering), DOM(Document Object Model) 등의 개념이 중요한 역할을 한다.   1.  브라우저의 기본 동작 과정브라우저가 웹 페이지를 로드하고 화면에 표시하는 과정은 다음과 같이 진행된다.  1) 사용자가 URL 입력 • 사용자가 브라우저 주소창에 https://example.com을 입력하고 Enter를 누름.2) DNS 조회 및 서버 연결 • 브라우저는 DNS(Domain Name System)를 통해 example.com의 IP 주소를 찾음. • 이후 HTTP/HTTPS 요청을 보내기 위해 서버와 TCP..

반응형