웹 브라우저란 (URL, 호스트, 웹 렌더링)

웹 브라우저란 (URL, 호스트, 웹 렌더링)

Maxthon에서 제공하는 맥스톤 웹브라우저 다운로드, 설치 및 삭제방법, 학습프로그램 설치후 생성되는 서류 정보에 에 관해 자세하게 알아보겠습니다.

브라우저 렌더링 과정

브라우저는 다음과 같이 유저 인터페이스, 브라우저 엔진, 렌더링 엔진, 연결망 통신부, 자바스크립트 해석기, UI 백엔드, 자료 저장소로 구성됩니다. 이 중 렌더링 엔진을 통해 요청한 콘텐츠로 렌더링 설명을 거쳐서 화면에 나타낸다. 렌더링 설명을 차례대로 알아봅시다. HTML 자료를 해석하여 DOMDocument Object Model Tree를 구축하는 단계입니다. Parsing HTML 파일과 CSS 자료를 파싱해서 각각 Tree를 만든다.

파싱 중 HTML에 CSS가 포함되어 있다면야 CSSOMCSS Object Model Tree 구조 작업도 함께 진행합니다. DOM Tree와 CSSOM Tree를 매칭시켜서 Render Tree를 구성합니다. Render Tree는 사실상 화면에 그려질 Tree입니다.

로컬 스토리지

로컬스토리지는 웹 스토리지 객체로 브라우저 내에 key value 형태로 오리진에 종속되어 저장되는 데이터를 말합니다. 오리진이 같은 브라우저내에서 공유가 됩니다. 오리진이란, httpswww.google.com부분을 말합니다. com뒤에 추가 URL이 붙어도 같은 오리진 영역이라고 할 수 있어요. httpswww.google.co.krimghp?hlkoogbl 와 httpswww.google.com?authuser0 같은 오리진으로 로컬 스토리지를 공유합니다.

특징으로는 하나의 키에 오로지 하나의 값만 저장됩니다. 만료 날짜가 없습니다.. 사용자가 창이나 탭을 닫아도, 컴퓨터 종료해도 만료되지 않습니다. 다소 웹 주소 당 최대 보관 용량은 5MB입니다.

모바일 시대의 시작과 크롬의 등장

유저들이 손쉽게 이용할 수 있다고 이야기를 하였는데 스마트폰이 등장하고 크롬 브라우저가 등장한 다음부터는 양상이 바뀌었습니다. 모바일 시대가 시장하면서 IE도 진출하려고 하였으나 점유율을 올리는데 실패하였습니다. 또한 크롬 브라우저의 등장으로 점점 더 IE를 사용할 이유가 없게 되었습니다. 크롬 브라우저는 이를 뛰어넘는 속도와 웹 표준을 지킴으로서 호환성 또한 좋습니다. 즉각적인 속도와 기술 덕분에 자연적으로 IE 또한 사라지게 되었습니다.

2 HTML

1. HTML이란? HyperText Markup Language의 줄임말입니다. HTML은 흐름이 없고 단순히 구조를 나타내기 때문 언어가 아닌 문서라고 합니다. HTML은 로직이 아닌 간단한 구조일 뿐입니다. 따라서 언어가 아닌 문서라고 칭합니다. 하이퍼링크 문서와 자료를 연결하는 것. 해당 문서로 이동하는 명령을 내려주는 단어 하이퍼텍스트 하이퍼링크를 활용하는 서류 화살 괄호라고 부르는 것으로 시작과 끝을 알려줍니다.

HTML 자료를 브라우저로 읽기 때문 HTML 파일은 보통 브라우저 아이콘으로 표시됩니다. 같은 크롬 웹 브라우저를 쓰더라도 맥북과 윈도우즈는 HTML을 다양하게 출력할 수도 있습니다. 왜냐하면 크롬이 윈도우에서 실행될 때와 맥에서 실행 될 때는 브라우저 형태가 달리지기 때문입니다. 개발자 입장에선 애플의 사파리보다. 구글의 크롬을 좋아하기 위해서는 동물원 UI를 맞추기가 어렵기 때문입니다.

자주 묻는 질문