웹 브라우저의 종류 와 구조

웹 브라우저의 종류 

 1. 구글크롬 (Chrome) 웹브라우저  

2. 사파리(safari) 웹브라우저 

3. 인터넷 익스플로러/엣지 (Internet Explorer & Edge) 

4. 파이어폭스 (Firefox) 웹브라우저 

5. 오페라 (Opera) 웹브라우저 

6. 비발디(Vivaldi) 웹브라우저 

7. 토치(torchbrowser) 웹브라우저 

8. 미도리(Midori) 웹브라우저 

9. 아반트 브라우저(Avant Browser) 

10. 맥스톤(Maxthon) 웹브라우저 

 

과거 브라우저 

 초기부터의 브라우저는 html 문서를 불러와 출력하는 정도였다 

• 모저아크 브라우저 
• 인터넷 익스플로러(자바스크립트를 따라오자 못해 서비스 중지, 엣지로 변화) 

 html, sss, js 

html : 웹 페이지의 구조를 명시한 문서 

css : 웹 페이지를 꾸미는 스타일 문서 

js : 웹페이지의 html 요소(div, button, li...)를 조작하는 프로그래밍 언어 

 

 

서버와 일반 컴퓨터의 가장 큰 다른 점은 ‘설계 목적’에 있다. 

 

로컬이란 자기 컴퓨터를 의미한다.  

서버컴퓨터의 특징 - 인터넷 환경이 잘 되어있다  

                         - 비용을 최소화 할 수 있다. 

                         - cpu로 인해 연산 속도가 빨라진다. 

                        - 목적에 맞는 인프라를 적절히 선정 할 수 있다. 

 

브라우저의 기본 구조

• 사용자 인터페이스(User Interface) - 검색창, 뒤로가기/앞으로가기 버튼, 새로 고침 버튼 등 브라우저 프로그램 자체의 GUI를 구성하는 부분이다.
• 브라우저 엔진(Browser Engine) - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어한다.
• 렌더링 엔진(Rendering Engine) - 요청한 콘텐츠(HTML/CSS 등)를 파싱(parsing)하여 표시한다.
• 통신(Networking) - HTTP 요청과 같은 네트워크 호출에 사용된다.
• JS 엔진(JS Engine) - 자바스크립트 코드를 해석하고 실행한다.
• UI 백엔드(UI Backend) - 기본적인 위젯을 그리는 인터페이스로 플랫폼에서 명시하지 않은 일반적인 인터페이스다.
• 데이터 저장소(Data Storage) - 로컬 스토리지, 쿠키 등 브라우저 메모리를 활용하여 저장하는 영역이다.
•  

브라우저의 주요 구성 요소

크롬은 대부분의 브라우저와 달리 각 탭마다 별도의 렌더링 엔진 인스턴스를 유지하므로 각 탭이 독립된 프로세스로 처리된다는 특징이 있다.