프론트엔드 2

브라우저의 렌더링 과정을 알아보자.

목차 1. 브라우저란 무엇일까? 2. 렌더링이란 무엇일까? 3. 렌더링 순서를 알아보자. 4. 보너스 브라우저란 무엇일까? 브라우저 렌더링 과정을 알아보기 전에 브라우저가 무엇인지 먼저 알아보자. 우선 브라우저는 우리가 흔히 인터넷에 접속할 때 사용하는 Chrome, Safari, Internet Explorer 등을 말한다. 브라우저는 유저가 선택한 자원을 서버로부터 받아와서 유저에게 보여준다. 이 자원은 페이지 외에도 이미지, 비디오 등의 컨텐츠들도 포함된다. 받아온 자원들을 렌더링 과정을 통해 유저에게 보여주게 된다. 렌더링이란 무엇일까? 렌더링이란 서버로부터 HTML, CSS, JavaScript 등 작성한 파일을 받아 브라우저에 뿌려주는 것이다. 브라우저마다 다르지만, 브라우저는 렌더링을 수행하..

프론트엔드 2024.03.30

표준모드와 호환모드에 대해 알아보자.

목차 1. 표준모드란 무엇일까? 2. 호환모드란 무엇일까? 3. 표준모드/호환모드의 장단점 1. 표준모드란 무엇일까? 표준모드(Standard Mode)는 웹 페이지가 웹 표준에 맞게 제작되어 있는 경우에 적용된다. 즉, 웹 디자이너나 프로그래머들이 권장하는 규칙과 가이드라인에 따라 웹 페이지를 만들었을 때 해당 모드가 적용된다. 예를 들어, 웹 디자이너가 HTML과 CSS를 사용하여 웹 페이지를 만들 때, 이 두 가지 언어에 대한 규칙을 잘 따르면 그 페이지는 표준모드로 표시된다. 표준모드는 웹 페이지가 웹 브라우저에 의해 예상대로 표시되고 작동되도록 보장한다. 2. 호환모드란 무엇일까? 호환모드(Quirks Mode)는 예전에 만들어진 웹 페이지나 특정한 조건에서 만들어진 웹 페이지를 표시하는 데 사..

프론트엔드 2024.03.23