Background: Web

서론

웹으로 연결된 사람들 사이에 형성되는 정보의 흐름이 마치 거미줄 같다고 하여 웹으로 이름붙여짐

웹(World Wide Web, W3,Web)

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

⇒ 인터넷이라는 통신망을 활용하여 구현된 전 지구적 정보 공간

웹 서버 (Web Server) : 정보를 제공하는 주체

웹 클라이언트(Web Client) : 정보를 받는 이용자

프론트엔드(Front-end) : 이용자의 요청을 받는 부분

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

백엔드(Back-end) : 요청을 처리하는 부분

웹 리소스(Web Resource) : 웹에 갖춰진 정보 자산

웹 브라우저의 주소창에 http://dreamhack.io/index.html 주소를 입력하면

dreamhack.io에 존재하는 /index.html 경로의 리소스를 가져오라는 의미

모든 웹 리소스는 고유의 Uniform Resource Identifier(URI)를 가지며, 이를 이용하여 식별됨

Hyper Text Markup Language (HTML)
- 웹 문서의 뼈와 살을 담당함. 태그와 속성을 통한 구조화된 문서 작성을 지원함
Cascading Style Sheets (CSS)
- 웹 문서의 생김새를 지정함. 웹 리소스들의 시각화 방법을 기재한 스타일 시트. 글자의 색깔이나 모양, 배경 색상, 이미지의 크기나 위치등을 CSS로 지정할 수 있음. 브라우저는 이를 참고하여 웹 문서를 시각화함
JavaScript (JS)
- 웹 문서의 동작을 정의함.이용자가 버튼을 클릭했을 때, 어떻게 반응할지, 이용자가 데이터를 입력하면 어디로 전송할지 등을 JS로 구현할 수 있습니다. JS는 이용자의 브라우저에서 실행되는데, 클라이언트가 실행하는 코드라고 하여 Client-Side Script라고도 부름
그외
- 문서, 이미지, 동영상, 폰트 등

( 클라이언트 ) 이용자가 브라우저를 이용하여 웹 서버에 접속합니다.
( 클라이언트 ) 브라우저는 이용자의 요청을 해석하여 HTTP 형식으로 웹 서버에 리소스를 요청합니다.
( 서버 ) HTTP로 전달된 이용자의 요청을 해석합니다.
( 서버 ) 해석한 이용자의 요청에 따라 적절한 동작을 합니다. 리소스를 요청하는 것이라면, 이를 탐색합니다. 계좌 송금, 입금과 같은 복잡한 동작을 요구할 경우 내부적으로 필요한 연산을 처리합니다.
( 서버 ) 이용자에게 전달할 리소스를 HTTP 형식으로 이용자에게 전달합니다.
( 클라이언트 ) 브라우저는 서버에게 응답받은 HTML, CSS, JS 등의 웹 리소스를 시각화하여 이용자에게 보여줍니다.