[Web Hacking] Dreamhack - Background : Web

Web (World Wide Web) 이란?

---

우리는 많은 사람들과 소통하고, 생각이나 지식을 공유하며 살아간다.

Web은 인터넷을 통해 시간과 거리의 제약 없이 정보를 공유할 수 있는 공간이다.

웹으로 연결된 사람들 사이 정보의 흐름이 마치 거미줄 같아 Web이라는 이름이 붙여졌다.

 

🔎 인터넷이란?
전 세계 컴퓨터가 연결된 거대한 컴퓨터 네트워크 통신망
월드 와이드 웹, 전자 메일, 동영상 스트리밍, 온라인 게임 등 다양한 서비스 제공 

 

정확히 말하면,

인터넷을 기반으로 구현된 서비스 중 HTTP를 이용하여 정보를 공유하는 서비스가 바로 웹이다.

 

여기에서 정보를 제공하는 주체를 Web Server, 정보를 받는 이용자를 Web Client라 하고, 

서버와 클라이언트가 서로 통신을 하기 위해 정해둔 규칙이 HTTP다. 

 

초기 웹 서비스는 이용자가 요청하는 정보를 제공하기만 하는 수동적인 형태였지만,

현재는 이용자의 요청을 해석하고 가공하여 필요한 정보와 기능을 제공하는 능동형 서비스다.

이용자의 요청을 받는 부분을 Front-end, 요청을 처리하는 부분을 Back-end라고 부른다.

 

프론트엔드는 이용자에게 직접 보여지는 부분으로, 웹 리소스(Web Resource)로 구성된다.

페이지가 보여주고 있는 정보들은 모두 웹 리소스에 명시되어 있다. 

 

 

웹 리소스 (Web Resource)

---

웹 리소스는 웹에 갖춰진 정보 자산을 의미한다. 

모든 웹 리소스는 고유의 Uniform Resource Identifier(URI)를 갖고, 이를 이용하여 식별된다. 

 

프론트엔드를 구성하는 대표적인 웹 리소스들은 다음과 같다.

• HTML(Hyper Text Markup Language) : 웹 문서의 구조 
• CSS(Cascading Style Sheets) : 웹 문서의 스타일 
• Javascript : 웹 문서의 동작, 브라우저에서 실행되는 Client-Side Script
• 문서, 이미지, 동영상, 폰트 등 

 

 

웹 클라이언트와 서버의 통신 

---

 

1. 이용자가 브라우저를 이용하여 웹 서버에 접속한다. 
2. 브라우저는 이용자의 요청을 해석하여 HTTP 형식으로 웹 서버에 리소스를 요청한다.
3. 서버는 HTTP로 전달된 이용자의 요청을 해석하고, 적절한 동작을 수행한다.
4. 리소스를 HTTP 형식으로 이용자에게 전달한다. 
5. 브라우저는 서버에게 응답 받은 웹 리소스를 시각화하여 이용자에게 보여준다.