> For the complete documentation index, see [llms.txt](https://krjaeh0.gitbook.io/j-log/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://krjaeh0.gitbook.io/j-log/programming/cs_basics/web_technologies/web-basics/weboverview.md).

# WebOverview

## 서론

* 현대에는 기술이 발전하여 전 세계에 걸친 통신망을 바탕으로 다양한 나라의 사람들과 실시간으로 통신할 수 있게 되었다.
* 웹(world wide web, w3, web)은 현대 정보 통신을 대표하는 통신 수단 중 하나이다.
* 시간과 장소에 구애 받지 않고 인터넷에 접속할 수만 있다면, 웹에서 정보를 구하고 공유할 수 있다.
* 사람 간의 정보 흐름이 마치 거미줄 같다 하여 웹이라 이름 붙여졌다.

## Web

인터넷을 기반으로 구현된 서비스 중 [HTTP](file:///0903665/network/HTTP.md)를 이용하여 정보를 공유하는 서비스를 웹이라 한다.

* 정보를 제공하는 주체 = 웹 서버([WebServer](file:///0903665/web/WebServer.md))
* 정보를 받는 이용자 = 웹 클라이언트(Web Client)

#### 웹의 발전과 보안의 중요성

초기 웹 서비스는 저장된 문서(내용)을 출력하는 간단한 서비스였으나 현재는 금융, 쇼핑, 협업 등 다양한 분야에서 편의를 제공하는 복잡한 서비스로 바뀌었다.\
오프라인에서 이뤄지던 상호작용이 디지털 형태로 변환되어 웹 서비스로 구현되고 있다.\
웹에서 처리하고 저장하는 데이터가 많아짐에 따라 안전하게 보관하고 처리할 필요성이 높아졌다. 웹을 통한 정보의 교환 과정에서 민감한 정보들이 유출되거나 악용되지 않도록 보호하는 웹 보안의 중요성이 대두되고 있다.

#### 웹 서비스, 프론트엔드와 백엔드

* 이용자의 요청을 받는 부분 = [프론트엔드(Front-end)](broken://pages/6b048c345bfa068de7eb67336d20038716f37742)
* 요청을 처리하는 부분 = 백엔드(Back-end)

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

{% stepper %}
{% step %}

### 클라이언트가 웹 서버에 접속

사용자가 브라우저를 이용해 웹 서버에 접속한다.
{% endstep %}

{% step %}

### 요청 생성 및 전송

브라우저는 이용자의 요청을 해석하여 HTTP 형식으로 웹 서버에 리소스를 요청한다.
{% endstep %}

{% step %}

### 서버의 요청 해석

서버는 HTTP로 전달된 이용자의 요청을 해석한다.
{% endstep %}

{% step %}

### 요청에 따른 처리

서버는 해석한 이용자의 요청에 따라 적절한 동작을 수행(리소스 탐색, 연산 등)한다.
{% endstep %}

{% step %}

### 응답 전송

서버는 이용자에게 전달할 리소스를 HTTP 형식으로 전달한다.
{% endstep %}

{% step %}

### 클라이언트의 렌더링

브라우저에서 서버로부터 응답받은 HTML, CSS, JS 등 웹 리소스를 시각화하여 이용자에게 보여준다.
{% endstep %}
{% endstepper %}

## [HTTP](file:///0903665/network/HTTP.md)

***

## [HTTPS](file:///0903665/network/HTTPS.md)

***

## [Wordpress](file:///0903665/web/Wordpress.md)

***


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://krjaeh0.gitbook.io/j-log/programming/cs_basics/web_technologies/web-basics/weboverview.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.