[Frontend-Network] 4. 웹 브라우저와 웹의 동작 원리

오늘은 웹의 동작 원리와 우리가 사용하는 웹 브라우저가 정확히 무엇인지 알아보도록 하겠습니다. 해당 글을 읽기 전에 전 글들을 참고하여 주시면 도움이 될 것 같습니다!

1. 인터넷은 어떻게 동작하는가? ~ 2. 도메인 주소란? coding-dong-dang.tistory.com/25 

3. DNS와 작동 원리 coding-dong-dang.tistory.com/26

---

  1   클라이언트와 서버란

네트워크로 연결된 컴퓨터는 역할에 따라 클라이언트와 서버로 나눌 수 있습니다. 저번 글에서 언급한 DNS 서버를 예로 들자면 질의(요청)를 하는 컴퓨터(PC)가 클라이언트, 이에 대한 정보를 응답하는 컴퓨터가 서버라고 할 수 있습니다.

출처 : MDN

즉, 웹에서의 클라이언트는 웹 브라우저를 통해 검색하는 사용자를 말하고 웹에서의 서버는 검색 결과를 띄워주고 사용자가 사용하기 쉽도록 직관적인 인터페이스를 제공하는 포털사이트라고 보시면 됩니다. 클라이언트가 웹 페이지에 접근하길 원할 때, 서버는 클라이언트에게 사용자의 웹 브라우저로 보여지기 위한 웹페이지의 사본이 다운로드 됩니다.

---

  2   웹 브라우저란

웹 브라우저란 웹 서버에 접속하여 정보를 전송받아 화면에 보여주는 프로그램입니다. 과거에는 소수의 숙련된 사람들만 사용할 수 있는 응용 프로그램이었으나, 인터넷 검색이 활발해짐에 따라 초보자도 쉽게 인터넷에 접속하여 멀티미디어 자료를 검색할 수 있도록 개발되었습니다. 우리는 웹 브라우저로 다양한 이점을 얻을 수 있습니다. 이는 다음과 같습니다.

웹 브라우저를 사용함으로써 얻을 수 있는 이점 (대표적인 것만 추려서 정리해보았습니다.)
1) 인터넷을 쉽게 항해할 수 있습니다.
인터넷은 바다의 물결이다. 라는 문구, 뭔가 낯설지 않으신 분들이 몇몇 있을 것입니다. 인터넷에는 하이퍼텍스트 형태로 모든 문서들이 연결되어 있습니다. 이러한 하이퍼텍스트 형태의 문서를 검색하는데 큰 도움을 줍니다. 원하는 웹 사이트에 쉽게 접속할 수 있도록 말입니다. 

2) 자주 이용하는 웹 사이트 목록의 관리가 편리합니다.
북마크 기능과 즐겨찾기 기능을 통해 자주 드나드는 웹 사이트의 주소록을 만들어 관리할 수 있습니다. 또한, 히스토리 기능을 이용하여 이미 찾아보았던 문서에 대한 정보도 다시 볼 수 있다는 장점이 있습니다.

3) 다양한 기능을 제공합니다.
3-1) 찾은 문서를 바로 프린터로 출력할 수 있어 관리가 편리합니다.
3-2) 전자우편 기능을 제공하고 있습니다.
3-3) FTP, 유즈넷, 고퍼 등의 인터넷 서비스를 제공합니다. 이를 통해 클릭 몇 번으로 검색할 수 있는 인터페이스를 제공합니다.

---

  3   웹의 동작 방식

다음은 웹의 동작 방식을 정리한 내용입니다.
1. 클라이언트가 웹 브라우저로 웹 주소를 입력하고 접근합니다.
2. 웹 브라우저는 입력받은 웹 주소를 DNS 서버로 가져가서 웹 사이트가 있는 서버의 IP 주소를 찾습니다.
3. 웹 브라우저는 서버에게 웹 사이트의 사본을 저장하기 위해 서버로 HTTP 요청 메시지를 전송합니다.
4. 서버는 웹 브라우저(클라이언트)의 요청을 승인하고, "200 OK"라는 메시지를 클라이언트에게 전송합니다. 이때, 서버는 웹 사이트의 파일들을 잘게 쪼개 데이터 패킷이라는 덩어리로 나눠 브라우저에 전송합니다. 전송 속도를 향상하기 위함입니다. *"200 OK"란, 정상적으로 웹 사이트를 볼 수 있다고 응답하는 결과입니다.
5. 웹 브라우저는 데이터 패킷들을 문서로써 작동할 수 있도록 조립하여, 사용자에게 보여줍니다. 비로소, 사용자는 웹 사이트를 볼 수 있게 됩니다.

---

오늘도 긴 글 읽어주셔서 감사합니다.
공감 버튼 꼭 눌러주세요!