정적 웹(Static Web)
정적 웹이란 웹 서버에 이미 만들어진 HTML, CSS, JavaScript 등의 정적인 파일을 그대로 사용자에게 전달하는 웹페이지를 의미합니다.
🔹 정적 웹의 특징
- 사용자에게 전달하는 모든 콘텐츠가 이미 완성된 상태입니다.
- 모든 사용자에게 동일한 콘텐츠를 제공합니다.
- HTML 파일 자체에 내용이 직접 포함됩니다.
- 서버는 클라이언트가 요청한 파일만 전달하며 추가적인 연산이나 처리를 하지 않습니다.
🔸 정적 웹 예시
- 회사 소개 사이트
- 블로그 (정적 사이트 생성기로 만들어진 경우)
- 제품 홍보 페이지
예시 HTML 코드
<!DOCTYPE html>
<html>
<head>
<title>정적 웹페이지</title>
</head>
<body>
<h1>환영합니다!</h1>
<p>모든 사용자에게 동일하게 보입니다.</p>
</body>
</html>✅ 장점
- 페이지 로딩 속도가 빠름
- 서버의 자원 소모가 매우 적음
- 보안성 우수 (해킹 위험 낮음)
⚠️ 단점
- 콘텐츠를 변경하려면 파일을 직접 수정해야 함
- 사용자마다 다른 콘텐츠 제공이 불가능
- 데이터베이스 연동이 어려움 (정적인 파일만 전달)
동적 웹(Dynamic Web)
동적 웹이란 사용자의 요청에 따라 서버에서 실시간으로 콘텐츠를 생성하여 제공하는 웹페이지를 의미합니다.
🔹 동적 웹의 특징
- 사용자 요청에 따라 매번 다른 콘텐츠를 제공합니다.
- 서버에서 프로그램(PHP, JSP, Node.js, Spring, Django 등)을 통해 HTML을 생성하거나 데이터를 받아오는 과정을 거칩니다.
- 데이터베이스와 연동하여 실시간으로 데이터를 저장하고 조회할 수 있습니다.
- 로그인, 쇼핑몰, 게시판 등 사용자별 콘텐츠가 다른 사이트에 적합합니다.
🔸 동적 웹 예시
- 온라인 쇼핑몰 (사용자에 따라 장바구니가 다름)
- SNS (페이스북, 인스타그램 등)
- 게시판, 블로그 (워드프레스 등)
간단한 예시(서버 코드의 예시):
<%-- JSP 예시 --%>
<%@ page import="java.util.Date" %>
<html>
<body>
<h1>현재 시간:</h1>
<p><%= new Date() %></p>
</body>
</html>(매 요청마다 서버에서 현재 시간이 동적으로 삽입됨)
✅ 장점
- 실시간으로 변하는 데이터 처리 가능
- 데이터베이스 연동 가능 (게시판, 로그인 등)
- 사용자 맞춤형 콘텐츠 제공 가능
⚠️ 단점
- 서버 자원을 상대적으로 많이 소모
- 정적 웹에 비해 속도가 느릴 수 있음 (처리 과정이 많아짐)
- 보안상 주의가 필요 (데이터베이스 및 코드 취약점 관리 필요)
🚩 한 줄 요약
-
정적 웹(Static Web) 은 미리 만들어진 콘텐츠를 모든 사용자에게 동일하게 제공하며 빠르고 가볍습니다.
-
동적 웹(Dynamic Web) 은 사용자의 요청과 상황에 따라 서버에서 실시간으로 콘텐츠를 생성해 제공하며 개인화와 데이터 처리가 가능합니다.
처음이라서 그래 가본적 없던 길에