[지식루프 웹개발공부] 04. 웹사이트와 웹페이지

1. 웹 페이지 vs 웹 사이트

• 웹 페이지: 텍스트, 이미지, 비디오 등을 표시하는 하나의 문서.
• 웹 사이트: 여러 웹 페이지가 서로 연결된 페이지 모음.

예: 백과사전 사이트의 홈페이지 → 여러 기사로 연결된 링크 → 각 링크는 다른 웹 페이지 → 모두 같은 주소를 공유하면 하나의 웹 사이트로 간주.

---

2. 인터넷과 웹의 규모

• 수천만 개의 웹사이트가 존재.
• 매일 수십만 개의 웹사이트가 새로 생김.
• 인터넷의 웹페이지 수는 어마어마하며, 전부 다운로드하는 데 수백만 년 걸릴 수준.

---

3. 웹 페이지의 구성 요소 (3대 핵심 기술)

 

 

예시: 로그인 입력 오류 표시, 비디오 스트리밍 중 실시간 추천 등은 JavaScript 덕분.

---

4. 웹 페이지 작동 방식 (렌더링 흐름)

1. 웹 브라우저 요청 → 웹 서버는 HTML, CSS, JS 코드 포함된 페이지 사본 전달
2. 브라우저는 코드 한 줄씩 처리
3. HTML → CSS → JavaScript 순으로 반영
4. 렌더링(Rendering): 실제 화면에 구성 요소(텍스트, 이미지 등) 표시
5. 사용자가 보는 화면 완성

---

5. 마무리

• 웹 페이지는 단순한 텍스트 문서이지만, HTML/CSS/JavaScript의 결합으로 시각적이고 동적인 콘텐츠를 구성함.