브라우저(browser)란?
이미지, 텍스트, 비디오 등 많은 컨텐츠들을 수신 및 전송하여 사용자가 볼 수 있게 정보를 제공하는 소프트웨어다.
브라우저의 주요기능
사용자가 필요한 정보들을 서버에 요청하고 그 정보들을 받아 브라우저에 표시하는것이 주요기능이라고 할 수 있다.
브라우저는 HTML, CSS명세에 따라 파일을 해석하고 명세하는데 이 기준은 웹표준화 기구인 W3C에서(World Wide Web Consortium)에서 정한다.
브라우저의 기본구조
브라우저의 기본구조는 "사용자 인터페이스-브라우저 엔진-브라우저 엔진-렌더링 엔진-통신-UI백엔드-자바스크립트 해석기-자료저장소" 이렇게 나뉘는데 각각의 역할은 아래와 같이 정리 할 수 있다.
- 사용자 인터페이스 : 주소표시줄, 이전/다음버튼, 북마크메뉴 등 요청한 페이지를 보여주는 창을 제외한 모든 부분
- 브라우저 엔진 : 사용자인터페이스와 렌더링 엔진 사이의 동작들을 제어
- 렌더링엔진 : 요청한 콘텐츠를 표시하는 부분
- 통신 : HTTP요청과 같은 네트워크 호출에 사용된다
- UI백엔드 : 콤보박스창같은 기본적인 장치를 그림
- 자바스크립트 해석기 : 자바스크립트 코드를 해석하고 실행
- 자료저장소 : 자료를 저장하는 계층
렌더링엔진의 동작과정
렌더링엔진의 역할은 요청받은 내용을 브라우저 화면에 표시하는 일인데 DOM트리 구축을 위한 HTML파싱 -> 렌더트리 구축 -> 렌더트리 배치 -> 렌더트리 그리기로 나뉜다
프론드엔드 개발자가 되기위한 기록