>웹 프론트엔드 >JS 튜토리얼 >5m 초보자를 위한 웹 작동 방식

5m 초보자를 위한 웹 작동 방식

Barbara Streisand
Barbara Streisand원래의
2024-12-08 18:54:14565검색

How the web works for beginners in 5m
컴퓨터나 휴대폰의 웹 브라우저에서 웹페이지를 볼 때 어떤 일이 발생하는지 간략하게 살펴보겠습니다.

클라이언트 및 서버

인터넷에 연결된 컴퓨터를 클라이언트서버라고 합니다. 단순화

How the web works for beginners in 5m

  • 클라이언트는 일반적인 웹 사용자의 인터넷 연결 장치(예: Wi-Fi에 연결된 컴퓨터) 및 해당 장치(일반적으로 Chrome과 같은 웹 브라우저)에서 사용할 수 있는 웹 액세스 소프트웨어입니다.
  • 서버는 웹페이지, 사이트, 앱을 저장하는 컴퓨터입니다. 클라이언트 장치가 웹페이지에 액세스하려고 하면 웹페이지 사본이 서버에서 클라이언트 시스템으로 다운로드되어 사용자의 웹 브라우저에 표시됩니다.

클라이언트와 서버 외에도 다음을 인사해야 합니다.

  • 인터넷 연결: 웹에서 데이터를 보내고 받을 수 있습니다.

  • TCP/IP: 전송 제어 프로토콜과 인터넷 프로토콜은 데이터가 인터넷을 통해 이동하는 방식을 정의하는 통신 프로토콜입니다.

  • DNS: 도메인 이름 시스템은 웹사이트의 주소록과 같습니다. 브라우저에 웹 주소를 입력하면 브라우저는 웹 사이트를 검색하기 전에 DNS를 확인하여 웹 사이트의 IP 주소를 찾습니다. 브라우저는 HTTP 메시지를 올바른 위치로 보낼 수 있도록 웹사이트가 어느 서버에 있는지 알아내야 합니다(아래 참조).

  • HTTP: Hypertext Transfer Protocol은 클라이언트와 서버가 서로 대화할 수 있는 언어를 정의하는 애플리케이션 프로토콜입니다.

  • 구성 요소 파일: 웹사이트는 다양한 파일로 구성됩니다. 이러한 파일은 두 가지 주요 유형으로 제공됩니다.

    • 코드 파일: 웹사이트는 주로 HTML, CSS 및 JavaScript로 구축됩니다.
    • 자산: 이미지, 음악, 비디오, Word 문서, PDF 등 웹사이트를 구성하는 다른 모든 항목의 총칭입니다.

브라우저에 웹 주소를 입력하면

  1. 브라우저는 DNS 서버로 이동하여 웹사이트가 있는 서버의 실제 주소를 찾습니다.
  2. 브라우저가 서버에 HTTP 요청 메시지를 보내 웹사이트 사본을 클라이언트에게 보내도록 요청합니다. 이 메시지와 클라이언트와 서버 간에 전송되는 기타 모든 데이터는 TCP/IP를 사용하여 인터넷 연결을 통해 전송됩니다.
  3. 서버가 클라이언트의 요청을 승인하면 서버는 "물론 그 웹사이트를 볼 수 있습니다! 여기 있습니다"라는 의미인 "200 OK" 메시지를 클라이언트에게 보낸 후 웹사이트의 파일을 브라우저로 보내기 시작합니다. 데이터 패킷이라고 불리는 일련의 작은 덩어리로
  4. 브라우저는 작은 덩어리를 완전한 웹페이지로 모아 사용자에게 표시합니다.

파일 구문 분석 순서

  • HTML 구문 분석: 브라우저는 HTML 파일을 구문 분석하고 외부 CSS 및