[HTTP] 웹 브라우저와 웹 렌더링

2023. 3. 22. 13:53·CS
728x90
728x90

웹 브라우저 (Web Browser)

  - 사용자와 웹 서버 간의 HTTP 통신을 중개하며, 서버로부터 수신한 리소스를 시각화하는 소프트웨어

  - 뛰어난 사용자 경험(UX) 제공

      : 사용자는 브라우저 내부에서 어떠한 연산이 일어나는지 알지 못하며, 알 필요가 없음

#  웹 브라우저의 기본 동작

  1. URL 분석 : 웹 브라우저의 주소 창에 입력된 주소 해석

  2. DNS 요청 : 입력된 주소 탐색

      ▶ DNS (Domain Name Server)

           : Host의 도메인 이름을 IP로 변환하거나, IP를 도메인 이름으로 변환함

  3. HTTP를 통해 해당 서버에 요청

  4. 서버의 HTTP 응답 수신

  5. 리소스 다운로드 및 웹 렌더링 (HTML, CSS, JavaScript)

 

 


웹 렌더링 (Web Rendering)

  - 웹 브라우저가 서버로부터 받은 리소스를 사용자에게 시각화하는 행위

      : HTML을 파싱하고 CSS를 적용하여 보여줌

  - 웹 렌더링 엔진에 의해 이뤄짐 (브라우저별로 다름)

 

320x100
반응형
저작자표시 비영리 변경금지 (새창열림)

'CS' 카테고리의 다른 글

[HTTP] MIME 타입  (0) 2023.03.22
[HTTP] Web Server & WAS (Web Application Server) ★  (0) 2023.03.22
[HTTP] REST API 방식  (0) 2023.03.22
[HTTP] 웹 서비스와 웹 리소스 (URI & URL)  (0) 2023.03.22
[HTTP] 통신 프로토콜 - HTTP와 HTTPS  (0) 2023.03.21
'CS' 카테고리의 다른 글
  • [HTTP] MIME 타입
  • [HTTP] Web Server & WAS (Web Application Server) ★
  • [HTTP] REST API 방식
  • [HTTP] 웹 서비스와 웹 리소스 (URI & URL)
스응
스응
    반응형
    250x250
  • 스응
    이서영의 개발 블로그
    스응
  • 전체
    오늘
    어제
  • 글쓰기 관리
    • 분류 전체보기 (383)
      • Java (134)
        • Base (54)
        • Spring Boot (37)
        • JSP (16)
        • Swing (GUI) (20)
        • Design Pattern (7)
      • C# (13)
      • PHP (18)
      • SQL (27)
      • Vue.js (10)
      • Tailwind CSS (4)
      • TypeScript (7)
      • HTML & CSS (27)
      • JavaScript (26)
      • jQuery (10)
      • Android (3)
      • - - - - - - - - - - - - - - (0)
      • Hotkeys (5)
      • CS (30)
      • etc. (13)
      • Error Note (14)
      • Team Project (24)
        • Airlines Web Project (12)
        • University Web Project (6)
        • Strikers 1945 GUI Project (6)
      • My Project (18)
        • Library Web Project (8)
        • Pet Shopping Mall GUI Project (10)
  • 블로그 메뉴

    • Home
    • Write
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    SQL
    CSS
    개발일지
    Android
    오블완
    Hotkeys
    cs
    js
    vuejs
    php
    Wordpress
    jsp
    git
    tailwindcss
    jQuery
    zapier
    C#
    Swing
    typeScript
    면접
    SEO
    티스토리챌린지
    Codeigniter
    errorNote
    java
    HTML
    http
    SpringBoot
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
스응
[HTTP] 웹 브라우저와 웹 렌더링
상단으로

티스토리툴바