🙋‍♀️ 웹 브라우저와 웹 서버

1. 질의 배경

클라우드 컴퓨팅이 무엇인지 찾아봤다.

클라우드 컴퓨팅은 인터넷을 통해 서버, 스토리지, 데이터베이스, 네트워킹, 소프트웨어, 분석 등 다양한 컴퓨팅 서비스를 제공하는 모델이다. 한마디로 클라우드 컴퓨팅은 인터넷을 통해 원격의 컴퓨터인 클라우드에서 다양한 서비스(서버, 스토리지, 데이터베이스, 네트워킹, 소프트웨어, 분석)를 이용하는 것이다.

여기서 서버가 뭐지?

서버는 네트워크를 통해 클라이언트나 다른 프로그램에 데이터나 기능을 제공하는 컴퓨터 또는 프로그램이다. 예를 들어 웹 서버가 웹페이지 관련 파일을 웹 브라우저에 전송하여 인터넷 사이트에 보여준다.

다시… 웹 브라우저와 웹 서버가 뭐고 이들이 구체적으로 무엇을 주고 받는 거야?

2. 웹 브라우저와 웹 서버 개념 (아기 버전)

여긴 어디...나는 누구...

쉬운 언어로 정리해보자!

웹 브라우저와 웹 서버는 모두 웹에서 정보를 주고 받을때 중요한 역할을 하는 컴포넌트이다.

난 이걸 보면서 내가 음식점에서 요리를 주문하는걸 떠올렸다.

이때 요리는 나의 오더가 들어오면 그제서야 조리를 하는 방식이다.

여기서 음식점 은유의 관계는 다음과 같다.

나 = 사용자, 음식점 = 웹 브라우저, (원재료 판매) 도매 시장 = 웹 서버

‘나’는 ‘음식점’에 마제소바를 주문한다.
(그냥 내가 지금 마제소바 먹고 싶음)

그러면 ‘음식점’은 ‘도매시장’에 가서 마제소바에 필요한 재료들(우동면, 돼지고기 다짐육, 부추, 계란, 굴소스(?) 등)을 요청한다.

그러면 ‘도매시장’은 그 재료들을 주고, ‘음식점’은 그 재료들로 마제소바를 조리해서, ‘나’에게 마제소바를 준다. (맛있겠다…)

이제 일대일대응을 시켜보자.

내가 음식점에 마제소바를 주문하는건, 사용자가 웹 브라우저(예, 크롬)에 www.majesoba.com이라는 url을 입력하는 것과 같다. (눌러봤자 없다)

음식점이 마제소바에 필요한 재료들을 도매시장에 요청하는건, 웹 브라우저(예, 크롬)이 웹 서버(www.majesoba.com)에 접속하여 해당 페이지의 내용을 요청하는 것과 같다.

이제 도매시장은 필요한 재료들을 음식점에 주는데, 이는 웹 서버(www.majesoba.com)가 요청 받은 페이지의 HTML 문서와 필요한 다른 파일들(CSS/JavaScript 파일 등)을 웹 브라우저(크롬)에 전송하는 것과 같다.

이제 음식점은 나에게 맛있는 마제소바를 조리해서 주는데, 이는 웹 브라우저(크롬)이 웹 서버로부터 받은 파일을 해석해서 화면에 보여주는 것과 같다!

그림으로 도식화해보자면...
내가 마제소바를 음식점에 주문했을때는 이런 상황이 펼쳐진다.

이 비유를 실제 웹 브라우저와 웹 서버에 대응시키면 이렇다!

3. 웹 브라우저와 웹 서버 개념 (어른 버전)

웹 서버

• 클라이언트(예. 웹 브라우저)로부터 HTTP 요청을 받음
  예) 크롬으로부터 https://naver.com 요청을 받음
• 필요한 정보(예. 웹 페이지)를 반환해줌
  예) 네이버 웹 페이지를 반환해줌

웹 브라우저

• 인터넷으로 연결해주는 프로그램
• 사용자(클라이언트)가 요청한 웹 서버의 결과를 화면에 출력해 보여주는 애플리케이션

4. 웹 브라우저와 웹 서버 종류

웹 브라우저에는 크롬, 인터넷 익스플로러, 사파리가 있다.

웹 서버에는 HTTP 서버, 마이크로소프트 인터넷 정보 서비스(IIS), Google Web Server 등이 있다.

5. 출처

1. https://junnykorea.tistory.com/93
2. https://velog.io/@ellyyyy/웹-서버-vs-웹-브라우저