웹 기초 주요 이론 정리

1. 웹이란?

웹(web)이란 인터넷을 기반으로 하여 정보를 공유하는 서비스이다. 웹에서 정보를 제공하는 주체를 웹 서버(web server), 정보를 요청하고 받는 이용자를 웹 클라이언트(web client)라 한다. 이러한 개념은 식당에서 서빙하는 사람(server)과 주문하는 고객(client)의 관계로 비유할 수 있다. 웹에서 클라이언트와 서버는 HTTP(HyperText Transfer Protocol)라는 규칙을 기반으로 통신한다.

 

2. 웹의 발전과 웹 보안

초기 웹 서비스는 단순히 저장된 문서를 출력하는 형태였으나, 점차 발전하면서 금융, 쇼핑, 협업 등의 다양한 기능을 포함하게 되었다. 현재의 웹은 정보 검색뿐만 아니라 물건 구매, 계좌 이체와 같은 복잡한 기능을 제공한다. 웹 서비스가 점점 확대됨에 따라 이용자의 개인정보 보호가 중요한 문제로 대두되었다. (예를 들어, 온라인 쇼핑 과정에서 사용자의 주소나 결제 정보가 보호되지 않는다면 심각한 피해가 발생할 수 있다.) 따라서 웹 보안은 현대 웹 환경에서 필수적인 요소이다.

 

3. 웹 서비스의 구성

웹 서비스는 프론트엔드와 백엔드로 구성된다.

• 프론트엔드 : 사용자가 직접 보는 화면을 구성하는 부분, HTML, CSS, JavaScript 등 웹 리소스를 이용하여 구현된다.
• 백엔드 : 클라이언트의 요청을 처리하고 데이터베이스와 연동하여 필요한 정보를 제공하는 서버 측 시스템이다.

 

4. 웹 리소스

웹 리소스는 웹 페이지를 구성하는 다양한 정보 자산을 의미한다. 이하 표 대표적인 웹 리소스이다.

HTML	웹 문서의 구조를 정의하는 마크업 언어이다.
CSS	웹 페이지의 스타일(색상, 크기 등)을 지정하는 스타일 시트 언어이다.
JavaScript	웹 페이지의 동적인 기능(버튼 클릭, 애니메이션 등)을 구현하는 스크립트 언어이다.
이미지, 동영상	웹 페이지 내에 포함될 수 있는 미디어 리소스이다.
폰트	웹 페이지의 텍스트 스타일을 지정하는 글꼴 파일이다.

 

5. 웹 서비스의 통신 과정

1. 클라이언트 : 브라우저를 통해 웹 서버에 접속한다. 그 다음, HTTP 요청을 통해 웹 서버에 특정 리소스를 요청한다.
2. 서버 : 클라이언트의 요청을 해석하여 처리한다. 그리고 필요한 리소스를 찾아 클라이언트에게 HTTP 응답을 보낸다.
3. 클라이언트 : 브라우저가 응답받은 HTML, CSS, JS 등을 해석하여 화면을 렌더링한다.

 

6. URL과 웹 렌더링

 

URL은 특정 웹 리소스의 위치를 나타내는 문자열이다. 이하 표는 URL을 구성하는 요소들과 간략한 설명이다.

Scheme	사용되는 프로토콜을 정의 (HTTP, HTTPS 등)
Host	접속할 웹 서버의 도메인 이름 또는 IP 주소
Path	요청하는 리소스의 경로
Query	추가적인 요청 정보를 전달하는 부분
Fragment	페이지 내 특정 부분을 가리키는 앵커

 

웹 렌더링은 서버에서 받은 HTML, CSS, JS 등의 리소스를 브라우저가 해석하여 화면에 출력하는 과정을 말한다. 각 브라우저는 서로 다른 렌더링 엔진을 사용하여 웹 페이지를 해석한다. 각 브라우저가 사용하는 렌더링 엔진은 다음과 같다.

크롬(Chrome)	Blink
사파리(Safari)	Webkit
파이어폭스(Firefox)	Gecko

 

웹 렌더링을 통해 이용자는 복잡한 통신 과정을 몰라도 아무런 상관이 없고, 직관적으로 웹을 사용할 수 있다. 브라우저는 HTTP 통신을 자동으로 처리하고, 받은 데이터를 시각화하여 사용자 경험(UX)을 향상시킨다.

 

결론적으로 웹은 인터넷을 기반으로 한 정보 공유 시스템으로, 클라이언트-서버 모델을 통해 동작한다. 프론트엔드와 백엔드로 구성되며, HTML, CSS, JavaScript 등의 웹 리소스를 활용하여 구현된다. URL을 통해 리소스를 요청하고, 브라우저가 이를 해석하여 사용자에게 제공한다. 웹 보안의 중요성은 점점 증가하고 있으며, 이를 위한 다양한 보호 기법이 필요하다.