[normaltic 비기너 클래스 1기] 2023-08-02 4주차 내용 정리

웹 페이지, 웹 사이트, 웹 브라우저

웹 페이지

웹 페이지는 월드 와이드 웹 상에 있는 낱개의 문서를 가리킨다. 웹 서버에 저장되어 있으며 HTML, CSS, Java Script, 이미지, 동영상 등으로 구성되어 있다.

웹 사이트

웹 사이트는 일반 URL을 통하여 보이는 웹 페이지의 집합이다.

웹 브라우저

웹 브라우저는 HTTP 프로토콜로 웹 서버와 통신하며 웹 페이지를 가져오는 응용 소프트웨어이다.

 

URL (Uniform Resource Locator)

 

URL은 Web Address라고도 불리며 간단히 말해 웹 페이지를 찾기 위한 주소를 의미한다. 그러나 URL은 웹 사이트 주소뿐만 아니라 컴퓨터 네트워크상의 자원을 모두 나타낼 수 있다.

URL 구조

https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&query=%ED%83%90%EC%83%89

 

URL의 예시로 네이버의 URL 구조를 살펴보자.

 

• https : 프로토콜
• search.naver.com : 도메인 주소 or IP 주소
• search.naver : 경로
• ?, & : 구분자
• where, sm, fbm, ie, query : 파라미터

 

웹 서버 (Web Server)

 

웹 서버는 HTTP 프로토콜을 기반으로 클라이언트가 웹 브라우저를 통해 어떠한 요청을 하게 되면 정적인 컨텐츠를 제공한다. 정적인 콘텐츠는 보통 단순 HTML 문서, CSS, 이미지, 파일 등 어떠한 가공 처리 없이 바로바로 응답 가능한 것을 뜻한다.

 

웹 서버에 정적인 컨텐츠 대신 동적인 콘텐츠를 요청하게 되면 웹 서버는 그 요청을 WAS에 요청을 넘겨주고 동적인 콘텐츠를 처리한 결과를 웹 서버가 받고 클라이언트에게 제공한다.

 

WAS (Web Application Server)

 

WAS는 HTTP 프로토콜을 기반으로 클라이언트가 DB 조회 등 다양한 처리를 통해서 얻어지는 결과인 동적인 컨텐츠를 제공하기 위해 만들어진 서버로 사용자 컴퓨터나 장치에 애플리케이션을 수행해 주는 미들웨어이기도 하다. 주로 데이터베이스 서버와 같이 수행된다.

 

웹 서비스 구조

 

그림 출처 : https://gmlwjd9405.github.io/2018/10/27/webserver-vs-was.html

 

위 그림은 웹 서비스의 흐름을 나타낸 것이다. 클라이언트 쪽에서 어떠한 정보를 요청한다. 요청한것이 정적인 콘텐츠일 경우 웹서버에서 응답하여 클라이언트에게 요청한 결과물을 보여준다. 그러나 동적인 콘텐츠일 경우 웹서버에서 처리할 수 없어 요청을 WAS에게 넘긴다. 요청을 받은 WAS는 동적인 콘텐츠를 가공처리하여 나온 결과물을 웹 서버에 넘겨주고 웹 서버는 클라이언트에게 보여준다.