정적 웹 (Static Web)
1. 특징
- 고정된 콘텐츠: HTML, CSS, JavaScript 파일을 서버에 저장하여 요청 시 그대로 전송합니다.
- 미리 작성된 페이지: 페이지 내용은 미리 작성되어 있어, 사용자가 보게 될 내용이 변경되지 않습니다.
- 서버 자원 사용 적음: 서버는 단순히 파일을 전송하는 역할만 하므로, 복잡한 연산이나 데이터베이스 연결이 필요하지 않습니다.
2. 장점
- 빠른 응답 속도: 복잡한 서버 로직 없이 파일만 전송하므로 로드 시간이 짧습니다.
- 보안성 높음: 서버에서 동적인 처리를 하지 않으므로, 데이터 유출 등의 보안 문제가 상대적으로 적습니다.
- 저렴한 운영 비용: 정적 파일만 제공하면 되므로 서버 비용이 적게 듭니다.
3. 단점
- 유지보수 어려움: 페이지 수가 많아지면 수정이 어려워집니다. 한 페이지를 변경하려면 여러 파일을 수작업으로 수정해야 할 수도 있습니다.
- 상호작용 부족: 사용자와의 실시간 상호작용이 어렵습니다. 예: 사용자 입력에 따른 데이터 처리 불가.
4. 사용 사례
- 포트폴리오 사이트
- 단순 정보 제공 사이트 (예: 회사 소개)
동적 웹 (Dynamic Web)
1. 특징
- 동적으로 생성되는 콘텐츠: 사용자의 요청에 따라 서버에서 페이지 내용을 생성합니다. (예: PHP, Node.js, Python 등으로 서버 로직 처리)
- 데이터베이스 연동: 사용자 입력, 데이터 조회 등을 위해 데이터베이스와 연결됩니다.
- 사용자 맞춤형 페이지: 로그인, 검색 결과, 추천 콘텐츠 등 사용자별로 다른 결과를 제공합니다.
2. 장점
- 유연성: 사용자와의 상호작용이 가능하며, 다양한 기능을 쉽게 구현할 수 있습니다.
- 데이터 관리 용이: 데이터베이스와 연결되어 대량의 데이터를 효율적으로 관리할 수 있습니다.
- 다양한 기능 제공: 로그인, 댓글, 검색 등 복잡한 기능을 구현할 수 있습니다.
3. 단점
- 속도 저하 가능성: 서버에서 동적 처리를 수행하므로 로드 시간이 길어질 수 있습니다.
- 보안 문제: 데이터베이스 공격(SQL Injection)이나 서버 취약점 등 보안 리스크가 존재합니다.
- 비용 상승: 서버 성능, 유지보수, 개발 비용 등이 정적 웹보다 높습니다.
4. 사용 사례
- SNS (Facebook, Twitter 등)
- 쇼핑몰, 전자상거래 플랫폼
- 블로그 플랫폼 (WordPress 등)
정적 웹과 동적 웹 비교
| 특징 | 정적 웹 | 동적 웹 |
|---|---|---|
| 콘텐츠 | 고정된 콘텐츠 | 사용자 요청에 따라 생성 |
| 유지보수 | 어렵다 | 쉽다 (데이터베이스 활용) |
| 상호작용 | 제한적 | 사용자와 실시간 상호작용 가능 |
| 보안 | 상대적으로 안전 | 보안 관리 필요 |
| 성능 | 빠르다 | 처리 로직에 따라 느려질 수 있음 |
| 비용 | 낮다 | 높다 |
🌱