[웹 기초] 웹(Web) 이란

목차 (OPEN)

• 🌐 웹(Web)이란
• 🤔 웹 VS 인터넷
• 🛠️ 웹의 구성 요소
• 💡 웹의 작동 원리

 

 

🌐 웹(Web)이란

웹(Web)은 World Wide Web의 줄임말로,

전 세계에 퍼져 있는 정보들을 인터넷을 통해 연결하고 보여주는 시스템이다.

즉, 인터넷 위에서 작동하는 정보 공간이라고 할 수 있는 것이다.

 

 

🤔 웹 VS 인터넷

앞서 인터넷 위에서 작동하는 정보 공간을 웹이라 한다고 했는데,

이 둘의 개념을 헷갈려하는 경우가 많아서

웹과 인터넷의 개념을 정리해보고자 한다.

 

구분	웹 (Web)	인터넷 (Internet)
정의	정보를 보여주는 시스템	컴퓨터끼리 연결된 네트워크
예시	웹사이트, 블로그, 유튜브	와이파이, 이메일, 메신저

 

쉽게 말해서 웹은 인터넷 위에서 돌아가는 서비스 중에 하나라고 생각하면 된다.

 

 

🛠️ 웹의 구성 요소

웹이 작동하려면 여러 요소들이 필요한데,

대표적으로는 아래의 세 가지가 있다.

 

1️⃣ 웹 브라우저 🧭

정보를 보는 도구로써,

크롬, 사파리, 엣지 등이 있다.

 

2️⃣ 웹 서버 🖥️

정보를 저장하고 보내주는 컴퓨터를 의미한다.

 

3️⃣ 웹 페이지 📄

우리가 보는 실제 정보로써

HTML, CSS, JavaScript로 만들어진다.

 

 

💡 웹의 작동 원리

우리가 웹 사이트 주소를 입력하면,

아래와 같은 순서로 웹이 작동한다.

 

1️⃣ 사용자가 웹 브라우저에 주소를 입력한다. 👩🏻‍💻

예를 들어 사용자가 웹 브라우저 (크롬 등)에

'https://www.example.com'이라는 주소를 입력했다고 하자.

 

그러면, 브라우저는 먼저 입력한 도메인의 이름을 IP 주소로 바꾸기 위해서

DNS 서버에 질의 (DNS Query)를 보내고,

그 결과로 IP 주소를 응답 받는다.

 

이 때 DNS란 Domain Name System의 약자로,

도메인 주소를 IP 주소 (숫자로 된 주소)로 바꿔주는 시스템이다.

 

따라서 이 요청을 통해 우리가 처음 입력했던

'https://www.example.com'이라는 주소는

93.184.216.34와 같은 숫자 형태로 바뀌게 된다.

 

2️⃣ 브라우저가 서버에 요청을 전송한다. 🔎

IP 주소를 알아낸 브라우저는

해당 IP 주소의 웹 서버로 HTTP 또는 HTTPS 프로토콜을 사용해서 요청을 전송하게 되고,

우리는 이것을 요청 (Request)이라고 부른다.

 

이러한 요청은 보통 아래와 같은 정보가 포함된다.

1) 어떤 웹 페이지를 보고 싶은지

2) 브라우저 정보

3) 쿠키 및 세션 정보

 

3️⃣ 서버가 웹 페이지 파일을 보내준다. 📦

요청을 받은 웹 서버는

요청에 맞는 웹 페이지 파일을 찾아서 응답 (Response)을 보내준다.

 

이러한 응답은 보통 아래와 같은 정보가 포함된다.

1) HTML (문서 구조)

2) CSS (디자인 스타일)

3) JavaScript (동작 기능)

4) 이미지, 폰트, 동영상 등

 

서버는 이러한 파일들을 패킷 (Packet) 형태로 나누어 전송하게 된다.

(이때 패킷이란 데이터를 나누어 보내는 단위이다.)

 

4️⃣ 브라우저가 파일을 화면에 보여준다. 🖼️

브라우저는 받은 HTML부터 분석하며 웹 페이지를 하나씩 만들어간다.

 

즉,

HTML을 통해 구조를 파악하고,

CSS를 통해 디자인을 적용하며,

JavaScript를 통해서는 동적 기능을 활성화하고,

이미지와 폰트 등을 통해서 추가 로딩을 하는 것이다.

 

우리는 이 과정을 렌더링 (Rendering)이라고 부르며,

결국 사용자 눈에는 하나의 웹 페이지가 완성되어 보이는 것이다.