[컴퓨터 과학, CS] 🌍 WWW (World Wide Web) 서비스란?

World Wide Web은 인터넷 위에서 **하이퍼텍스트(링크)**를 이용해
전 세계의 정보를 웹페이지 형태로 연결하고 보여주는 시스템이야.

 

1️⃣ WWW는 인터넷과 뭐가 달라?

항목	WWW	인터넷
정의	웹사이트, 웹페이지, 브라우저 등 시각적인 정보 서비스	컴퓨터와 컴퓨터가 연결되는 네트워크 그 자체
역할	정보를 '읽고 쓰고 공유'하게 해줌	데이터를 '전송'하게 해줌
관계	인터넷 위에서 작동하는 하나의 서비스	WWW, 이메일, FTP, 게임 등 모든 온라인 서비스의 기반

📌 즉, 인터넷 = 도로망, WWW = 그 위를 달리는 웹사이트 트럭

---

2️⃣ WWW의 구성 요소

요소	설명
웹브라우저	정보를 읽는 도구 (Chrome, Safari 등)
웹서버	정보를 저장하고 제공하는 컴퓨터
URL	주소 시스템 (https://example.com 등)
HTML	웹페이지의 구조와 내용을 정의하는 언어
HTTP/HTTPS	웹 서버와 브라우저 간 통신 규칙
하이퍼링크	문서와 문서를 연결해주는 링크 (웹의 핵심!)

---

3️⃣ WWW의 탄생과 발전 역사

연도	사건
1989	팀 버너스리, 웹 개념 제안 (CERN)
1990	최초의 웹 브라우저 & 웹 서버 개발
1993	모자이크(Mosaic) 브라우저 → 웹 대중화 시작
1995~2005	포털, 블로그, 쇼핑몰 시대
2010 이후	SNS, 웹앱, 모바일 중심의 웹 발전
현재	웹 3.0, 탈중앙화, AI와 연동된 웹의 진화 진행 중

---

4️⃣ 실제 동작 구조 (웹 요청 흐름)

1. 브라우저에 https://www.example.com 입력
2. DNS 서버가 도메인을 IP 주소로 변환
3. 브라우저가 웹서버에 HTTP 요청 전송
4. 서버가 HTML, CSS, JS를 응답으로 보냄
5. 브라우저가 응답을 받아 렌더링해서 화면에 보여줌

---

5️⃣ WWW의 특징

특징	설명
🔗 하이퍼텍스트	문서끼리 서로 링크 가능 (정보의 연결성)
🌐 전 세계 연결	인터넷이 되는 곳이면 어디서든 접근 가능
🧱 플랫폼 독립	PC, 스마트폰, 태블릿 등 다양한 장치에서 사용 가능
💬 비쥬얼 중심	그래픽 + 멀티미디어 콘텐츠 표현 가능

🔧 웹의 실제 동작 구조 (기본 흐름 다시 + 용어 설명 추가)

예: 너가 https://www.naver.com을 브라우저에 입력하면 일어나는 일

---

1️⃣ URL 입력

URL (Uniform Resource Locator)
→ 웹페이지의 주소.
예: https://www.naver.com

• https → 통신 방식 (HTTP + 보안)
• www.naver.com → 도메인 (사람이 기억하기 쉬운 이름)
• .com → 최상위 도메인
• 내부적으로는 IP 주소로 바뀌어야 함 (DNS가 필요)

---

2️⃣ DNS 요청

DNS (Domain Name System)
→ 도메인 이름을 실제 서버의 IP 주소로 바꿔주는 전화번호부 역할

예: www.naver.com → 223.130.195.95 이런 숫자로 변환됨

---

3️⃣ 웹서버에 HTTP 요청 전송

HTTP/HTTPS (HyperText Transfer Protocol)
→ 브라우저와 웹서버가 통신하는 규칙

• GET, POST 같은 요청 방식 사용
• HTTPS는 암호화된 안전한 통신

브라우저는 서버에게 이렇게 말하는 거야:

"나 www.naver.com의 메인 페이지 좀 보여줘!"

---

4️⃣ 웹서버가 응답

웹 서버는 그 요청을 받고, 해당되는 웹페이지 정보를 돌려줘.
이 정보는 보통 다음과 같은 파일들로 구성됨:

• HTML: 웹페이지의 뼈대
• CSS: 디자인과 스타일 정의
• JavaScript: 기능, 인터랙션(동적 버튼, 팝업 등)

---

5️⃣ 브라우저가 렌더링

**렌더링(rendering)**이란:

HTML, CSS, JS를 해석해서 실제로 눈에 보이는 웹페이지로 그리는 작업

📱 사용자는 이 과정을 전혀 느끼지 못하고, 몇 초 안에 페이지를 보게 됨.

---

🧠 관련 용어 총정리

용어설명

URL	웹 주소. 사용자가 입력함
IP 주소	컴퓨터 간 통신을 위한 숫자 주소
DNS	도메인 ↔ IP 주소 변환 시스템
HTTP/HTTPS	브라우저 ↔ 서버 간 데이터 전송 규칙
웹서버	웹페이지 파일을 저장하고 제공하는 컴퓨터
HTML	웹페이지의 구조를 만드는 언어
CSS	웹페이지의 스타일/디자인을 꾸미는 언어
JavaScript	웹페이지에 동작과 인터랙션을 주는 언어
렌더링	브라우저가 코드를 해석해서 화면에 보여주는 작업

https://link.coupang.com/a/cpEcOg

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."