브라우저란?

<aside> 💡 동기적으로 (HTML,CSS),JS 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어 쉬운 말로 인터넷에서 웹 서버의 모든 정보를 볼 수 있도록 하고 문서 검색을 도와주는 응용 프로그램인 것 이다

</aside>

<aside> 👉 대표적인 브라우저로 크롬, 네이버 웨일, 파이어폭스, 사파리 등

</aside>

브라우저의 구조

출처 = https://d2.naver.com/helloworld/59361

• 사용자 인터페이스 : 주소창 등의 화면
• 브라우저 엔진 : UI와 렌더링 엔진 사이에서 중간 매체 역할을 수행
• 렌더링 엔진 : 웹 서버로부터 응답 받은 내용을 UI 상에 나타냄
• 통신 : 웹 서버와 통신을 가능하게 함
• 자바스크립트 해석기 : 자바스크립트 코드를 파싱하고 실행
  • 파싱이란 주로 텍스트 기반 데이터를 해석하거나 프로그래밍 언어의 소스 코드를 이해하거나 문서를 구조화하고 내용을 추출하는 과정이다
• UI 백엔드 : UI 구동을 가능하게 함
• 자료 저장소 : 쿠키와 같은 로컬 데이터를 저장하는 웹 데이터베이스

브라우저의 동작원리

출처 - https://velog.io/@wlwl99/브라우저-동작-원리-구조

1. 사용자

   → 브라우저를 통해 찾고 싶은 URL주소 입력

2. DNS 서버

   → 사용자가 입력한 URL 주소중 도메인 이름을 검색, 일치하는 IP주소를 찾고

   그리고 사용자가 입력한 URL 정보와 함께 전달한다

3. HTTP 프로토콜

   → 이렇게 전달 받은 IP 주소와 웹 페이지 URL 정보는 HTTP 프로토콜 사용해 HTTP 요청 메세지 생성

4. TCP/IP 프로토콜

   → 이 HTTP 요청 메세지는 TCP 프로토콜 사용해 인터넷으로 거쳐 해당 IP 컴퓨터로 전송되고,

    도착한 HTTP 요청 메세지는  HTTP 프로토콜을 이용해 웹 페이지 URL 정보로 변환한다.
   

5. 웹 서버