브라우저는 어떻게 동작하는가 (part. 01)

본 내용은 NAVER D2의 '브라우저는 어떻게 동작하는가? (by Tali Garsiel)'의 내용을 복습하며 작성했습니다.

https://d2.naver.com/helloworld/59361

 

 

브라우저는 가장 대중적인 소프트웨어이다. 주소 창에 naver.com을 입력했을 때 어떤 과정을 거치는지 확인해보자.

브라우저의 주요 기능

브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다.

자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다.

자원의 주소는 URI(Uniform Resource Identifier)에 의해 정해진다.

 

---

URl란?

클라이언트가 서버에서 자원을 요청할 때 자원의 위치는 일반적으로 URL을 사용해서 나타낸다.

하지만 검색엔진을 검색한 결과와 같이 동적으로 생성된 정보는 URL로 표현할 수 없다.

따라서 동적문서를 요청하는 경우, URL과 사용자 질의를 합쳐서 URI로 표시한다

 

URL과 URI의 구별은 힘들지만, URL은 자원의 위치만 나타내는 반면 URI는 자원의 위치에 전달될 인자까지 포함한다는 점에서 차이가 있다. (URL은 URI의 특수한 형태)

 

protocol://[userid:passwd@]<domain name>[:port]/<requested file>/[path-info?query-sting]

 

protocol://[userid:passwd@]<domain name>[:port]/<requested file>/[path-info?query-sting]

 

• protocol : 어떤 프로토콜을 사용해서 자원을 가져올 것이냐를 뜻한다. (http, ftp, mailto, telnet 등등)
• [userid:passwd@] : 사용자 인증을 필요로 하는 경우, 사용자 ID와 암호를 나타낸다. (Netscape에서만 지원)
• [:port]/ : 자원의 위치를 나타낸다.
• [path-info?query-string] : URI에서 자원의 위치가 파일인 경우, 추가할 수 있는 정보를 나타낸다.

---

 

브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데 이 명세는 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 정한다.

 

브라우저의 인터페이스는 서로 닮아 있는데 다음과 같은 요소들이 일반적이다.

 

• URI를 입력할 수 있는 주소 표시 줄
• 이전 버튼과 다음 버튼
• 북마크
• 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼
• 홈 버튼

브라우저의 사용자 인터페이스는 표준 명세가 없음에도 불구하고 수 년간 서로의 장점을 모방하면서 현재에 이르렀다.

HTML5의 명세는 주소 표시줄, 상태 표시줄, 도구 모음과 같은 일반적인 요소를 제외하고 브라우저의 필수 UI를 정의하지 않았다.