현대 사회에서 ‘웹’은 단순한 정보 공유 수단을 넘어 우리의 일상을 바꾸는 핵심 기술로 자리 잡았습니다. 이번 글에서는 웹의 개념, 발전 과정, 그리고 웹 보안 및 구조적 개념(프론트엔드와 백엔드)에 대해 알아보겠습니다.
🌐 웹(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
'네트워크' 카테고리의 다른 글
[네트워크] 웹 클라이언트와 서버의 통신 (1) | 2025.03.26 |
---|---|
[네트워크] 웹 리소스란? 웹을 구성하는 정보 자산 (0) | 2025.03.26 |
[네트워크] REST API란 무엇인가? (0) | 2025.01.11 |
[네트워크] HTTPS : 웹 통신 보안 프로토콜 (1) | 2025.01.04 |
[네트워크] HTTP 상태코드 정리 (0) | 2025.01.04 |