네트워크

[네트워크]웹(Web)이란? - 웹의 발전, 보안의 중요성

연화 2025. 3. 24. 17:54

 

현대 사회에서 ‘웹’은 단순한 정보 공유 수단을 넘어 우리의 일상을 바꾸는 핵심 기술로 자리 잡았습니다. 이번 글에서는 웹의 개념, 발전 과정, 그리고 웹 보안 및 구조적 개념(프론트엔드와 백엔드)에 대해 알아보겠습니다.

 

🌐 웹(Web)이란?

웹이란 인터넷을 기반으로 정보를 공유하는 서비스 중 하나로, 보통 HTTP 프로토콜을 통해 통신합니다.
이때 정보를 제공하는 쪽을 웹 서버(Web Server), 정보를 요청하고 받는 쪽을 **웹 클라이언트(Web Client)**라고 합니다.

예를 들어 식당에서, 손님이 주문을 하고 종업원이 음식을 서빙하는 관계처럼, 클라이언트는 요청하고 서버는 응답하는 구조입니다.

여기서 ‘HTTP’란 웹에서 정보를 주고받기 위한 규칙(Protocol)으로, 웹 서비스의 근간이 되는 기술입니다.

 


 

💡 웹의 발전과 변화

초기의 웹 서비스는 텍스트나 이미지가 포함된 문서를 단순히 보여주는 수준이었습니다. 그러나 시간이 지나며 웹 기술은 급속히 발전했고, 지금은 다음과 같은 다양한 형태의 서비스를 제공합니다:

  • 온라인 금융 서비스
  • 전자상거래(쇼핑몰)
  • 협업 도구(Google Docs, Notion 등)

정보 제공 → 정보 검색 → 상품 구매/거래로 발전
웹은 점점 더 능동적이고 인터랙티브한 플랫폼으로 진화했습니다.

 


 

🔐 웹 보안의 중요성

웹이 다양한 기능을 제공하면서 자연스럽게 개인정보금융 정보처럼 민감한 데이터들도 웹을 통해 오가게 되었습니다.

예를 들어, 상품 구매 시:

  • 고객 이름
  • 배송 주소
  • 카드 번호 등

이런 정보들이 서버로 전송되는데, 보안이 허술하다면 정보 유출 위험이 존재합니다.

그래서 오늘날의 웹 서비스에서는 다음과 같은 웹 보안 기술이 매우 중요하게 다뤄집니다:

  • HTTPS 암호화
  • 데이터 유효성 검증
  • 인증 및 접근 제어

 


 

🏗️ 프론트엔드와 백엔드의 개념

웹 서비스는 크게 **프론트엔드(Front-end)**와 백엔드(Back-end) 두 부분으로 나뉩니다.

역할설명
프론트엔드 사용자와 직접 맞닿는 영역. 웹 페이지, 버튼, 이미지, 글꼴 등 시각적 요소를 담당
백엔드 보이지 않는 영역에서 데이터 처리, 서버 로직, 데이터베이스 연동 등을 담당

호텔에서 손님이 프론트에 요청하면, 뒤에서 직원들이 여러 작업을 처리하는 것과 유사한 구조입니다.

프론트엔드는 HTML, CSS, JavaScript 등으로 구성된 웹 리소스를 통해 사용자에게 정보를 시각적으로 표현합니다. 예를 들어 텍스트 색상, 이미지 크기, 버튼 동작 등이 모두 웹 리소스를 통해 정의됩니다.

 

웹은 단순한 정보 제공 수단에서 출발해, 오늘날에는 우리 삶의 많은 영역을 디지털로 연결해주는 복잡한 생태계로 발전했습니다. 이 복잡한 웹 세계를 이해하기 위해서는 기초 개념(웹, HTTP, 서버/클라이언트)뿐만 아니라, 보안과 구조(프론트엔드/백엔드)에 대한 이해도 필수적입니다.

 

👀 HTTP 에 대한 내용을 한눈에 보고 싶다면 아래의 포스팅을 추천해요!

 

[네트워크] HTTP 메시지란?

HTTP 메시지는 웹 클라이언트와 서버 간의 통신을 위해 사용되는 데이터의 형식입니다.클라이언트가 서버로 전송하는 HTTP 요청(Request)서버가 클라이언트로 반환하는 HTTP 응답(Response)HTTP 메시지에

dev-yeonwha.tistory.com

 

 

[네트워크] HTTP 요청과 응답

웹 개발에서 HTTP 요청과 응답은 서버와 클라이언트 간의 상호작용을 정의하는 기본적인 구성 요소입니다. HTTP는 클라이언트가 서버에 특정 작업을 요청하고, 서버는 해당 작업의 결과를 클라이

dev-yeonwha.tistory.com

 

 

[네트워크] HTTP 상태코드 정리

HTTP 상태 코드는 서버가 클라이언트 요청을 처리한 결과를 나타내며, 숫자와 짧은 설명(Reason Phrase)으로 구성됩니다. 상태 코드는 첫 번째 자릿수를 기준으로 5개의 클래스(Class)로 분류됩니다.1xx:

dev-yeonwha.tistory.com