브라우저

* 이 글은 How the browser renders a webpage? - DOM, CSSOM and Rendering을 번역하였습니다. How the browser renders a web page? — DOM, CSSOM and Rendering In this article, we will deep dive into DOM and CSSOM to understand how the browser renders a webpage. Brower blocks some rendering of a… medium.com 브라우저의 Rendering (1) - construction에서는 DOM, CSSOM, Render Tree에 대해서 살펴봅니다. 여기서는 어떻게 브라우저가 페이지를 렌더하는지 이해하기 위해..

DOM: 프로그래밍 언어가 웹사이트의 내용, 구조 그리고 스타일을 조작 수 있게 만들어주는 인터페이스 javaScript: 인터넷 브라우저 상의 DOM과 연결해주는 클라이언트 사이드 스크립팅 언어 조금 더 깊숙하게 DOM에 대해서 알아보자. DOM DOM에 대해서 알아보기 전에 DOM을 다루는 브라우저에 대해 잠시 짚고 넘어가자. 브라우저(browser): HTML과 CSS를 해석하는 프로그램이기 때문에 내용(contents), 스타일(style), 구조(structure)를 우리가 보는 페이지에 렌더링 하는 역할 브라우저는 서버로부터 파일(HTML, CSS, JavaScript, 이미지 파일 등)을 응답받아 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱되어 DOM, CSSOM 트리로 변환되고,..

브라우저는 아마도 가장 많이 사용되는 소프트웨어일 것이다. 이 기록은 브라우저가 어떻게 동작하는지 간략하게 알아볼 것이다. 현재를 기준으로 상당히 많이 브라우저들이 존재하는데, 대표적인 브라우저로는 인터넷 익스플로러, 파이어폭스, 사파리, 크롬, 오페라 등을 들 수 있다. 여기서 설명하는 브라우저는 크롬, 사파리, 파이어폭스를 예로 들 것이다. 진행순서는 다음과 같다. 1. 브라우저의 주요 기능 2. 브라우저의 기본 구조 & 동작 원리 브라우저의 주요 기능 브라우저의 주요 기능은 사용자가 선택한 자원(HTML문서, 이미지 등)을 서버에 요청하고, 브라우저에 표시하는 것이다. 자원의 주소는 URI(Uniform Resource Identifier)에 의해 정해진다. *URI에 기록은 여기를 클릭해주세요. ..