웹 (Web)

웹

: 인터넷을 기반으로 구현된 서비스 중 HTTP를 이용하여 정보를 공유하는 서비스이다. 여기서 정보를 제공하는 주체를 웹 서버(Web Server), 정보를 받는 이용자를 웹 클라이언트(Web Client)라고 한다.

 

여기서 이용자의 요청을 받는 부분을 프론트엔트(Front-end), 요청을 처리하는 부분을 백엔드(Back-end)라고 한다. 

• 프런트엔드 : 이용자에게 직접 보이는 부분이다. 웹 리소스(Web Resource)로 구성된다.
  • 웹 리소스: 웹에 갖춰진 정보 자산이다. URI(Uniform Resourse Identifier)를 가지며, 이를 이용해서 식별된다.
    • HTML(Hyper Text Markup Lauguage) : 웹 문서의 뼈, 살을 담당한다. 태그와 속성을 통해 구조화되어 있다.
    • CSS(Cascading Style Sheets) : 웹 문서의 생김새를 지정한다.
    • JS(JavaScript) : 웹 문서의 동작을 정의한다. 클라이언트가 실행하는 코드, Client-Side Script라고 불린다.
    • 그 외에는 문서, 이미지, 동영상, 폰트 등이 있다.
• 백엔드: 서버에서 요청을 처리하는 눈에 보이지 않는 부분이다. 사용자가 원하는 일을 할 수 있도록 에러가 나지 않고 원활하게 실행되도록 만드는 것이다.

 

이제, 웹에서 클라이언트와 서버의 통신을 보자.

1. (클라이언트) 사용자가 브라우저를 이용해서 웹 서버에 접속한다.
2. (클라이언트) 브라우저는 이용자의 요청을 해석해서 HTTP 형식으로 웹 서버에 리소스를 요청한다.
3. (서버) HTTP로 전달된 이용자의 요청을 해석한다.
4. (서버) 해석한 이용자의 요청에 따라 적절한 동작을 한다. 리소스를 요청하는 것이면, 이를 탐색한다.
5. (서버) 사용자에게 전달할 리소스를 HTTP형식으로 사용자에게 전달한다.
6. (클라이언트) 브라우저는 서버에게 응답받은 HTML, CSS, JS 등의 웹 리소스를 시각화해서 이용자에게 보여준다.