2. Web

 

저번 시간에 HTTP/HTTPS에 대하여 공부하였다.

이번 시간은 Web에 대하여 공부할 것이다.

 

---

1. Web

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

- 프론트 엔드(Front-end) : 이용자의 요청을 받는 부분, 이용자에게 직접 보여지는 부분으로 웹 리소스로 구성

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

 

2. Web Resource

웹 리소스는 웹에 갖춰진 정보 자산을 의미한다. 웹 브라우저의 주소창에 "https://example.com/index.html" 주소를  입력하면 example.com에 존재하는 /index.html 경로의 리소스를 가져오라는 의미이다. 모든 웹 리소스는 고유의 URI를 가지며 이를 이용하여 식별된다. 

- 프론트 엔드를 구성ㅎ하는 대표적인 웹 리소스

• HTML : 웹 문서의 뼈와 살을 담당한다. 태그와 속성을 통한 구조화된 문서 작성을 지원
• CSS : 웹 문서의 생김새를 지정한다. 웹 리소스들의 시각화 방법을 기재한 스타일 시트이다. 브라우저는 이를 참조하여 웹 문서를 시각화한다.
• JavaScript : 웹 문서의 동작을 정의한다. 이용자가 버튼을 클릭했을 때 어떻게 동작할지 JS로 구현한다.

 

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

1) (클라이언트) 이용자가 브라우저를 이용하여 웹서버에 접속

2) (클라이언트) 브라우저는 이용자의 요청을 해석하여 HTTP 형식으로 웹 서버에 리소스를 요청한다.

3) (서버) HTTP로 전달된 이용자의 요청을 해석한다.

4) (서버) 해석한 이용자의 요청에 따라 적절한 동작을 한다.

5) (서버) 이용자에게 전달할 리소스를 HTTP 형식으로 이용자에게 전달한다.

6) (클라이언트) 브라우저는 서버에게 응답받은 HTML, CSS, JS 등의 웹 리소스를 시각화하여 이용자에게 보여준다.

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

 

---

 

이번 시간에는  Web에 대하여 공부하였다.

다음 시간은 Web Browser에 대하여 공부할 것이다.