[서버 기초] 정적 웹사이트 vs 동적 웹사이트, 뭐가 다를까?

---

💡 “모든 웹사이트가 똑같이 작동하진 않아요”

혹시 이런 적 있으신가요?
🧍‍♂️ “어떤 웹사이트는 그냥 띄우면 끝인데…”
🧍‍♀️ “어떤 웹사이트는 누를 때마다 새롭게 정보가 바뀌네?”

사실 이건 웹사이트가 ‘정적’인지 ‘동적’인지에 따라 달라요.
오늘은 이 두 가지 개념을 쉽게, 예제로 비교해볼게요!

---

🧱 정적 웹사이트(Static Website)란?

정적 웹사이트는 미리 만들어진 HTML 파일을 그대로 보여주는 웹사이트예요.

📦 예를 들어:

• index.html 파일을 요청하면
• 서버가 그 파일을 수정 없이 그대로 전달

즉, “준비된 파일을 보여주는 구조”입니다.

 

📌 특징:

• 빠름 ⚡
• 서버 자원이 적게 듦
• 데이터가 자주 바뀌지 않는 사이트에 적합 (예: 회사 소개, 블로그)

📌 예시:

• GitHub Pages
• Netlify로 만든 정적 사이트

---

⚙️ 동적 웹사이트(Dynamic Website)란?

동적 웹사이트는 사용자의 요청에 따라 서버가 실시간으로 페이지를 만들어주는 웹사이트예요.

📬 예를 들어:

• 사용자가 로그인하면,
• 서버가 해당 사용자의 정보를 DB에서 불러와서
• 그에 맞는 페이지를 생성해서 전달

즉, “주문에 따라 요리해서 제공하는 구조”죠! 🍽️

 

📌 특징:

• 실시간 데이터 반영 가능 (예: 로그인 상태, 게시판 등)
• 서버 처리량이 많아질 수 있음
• 유지보수는 더 복잡하지만, 기능이 훨씬 다양함

📌 예시:

• 쿠팡, 네이버, 유튜브 등 대부분의 대형 서비스

---

🆚 정적 vs 동적, 비교 요약!

항목	정적 웹사이트	동적 웹사이트
구성	미리 만들어진 HTML	서버에서 실시간 생성
속도	빠름	상대적으로 느림
유연성	낮음	높음
서버 역할	파일 전달	로직 처리 및 데이터 생성
사용 예시	포트폴리오, 소개 페이지	커뮤니티, 쇼핑몰, SNS

---

📍 정적 웹사이트에도 서버가 필요할까?

👉 정답은 “경우에 따라 다릅니다!”

• 정적 웹사이트는 파일만 보여주면 되기 때문에, 서버 없이도 가능해요.
  (예: GitHub Pages, Netlify)

하지만,

• 도메인 연결, HTTPS 보안 등 때문에 Nginx 같은 웹서버를 활용하는 경우도 많죠!

---

🧠 정리 한마디!

• 정적 웹사이트는 “파일 보여주기”,
• 동적 웹사이트는 “요청에 따라 만들기”!

서버 입장에서 보면,
👉 정적 = 단순 전달
👉 동적 = 실시간 계산

---

📌 다음 예고: “HTTP란 무엇인가? 서버는 어떻게 요청을 처리할까?”

• HTTP가 뭐고 왜 중요할까?
• GET, POST는 무슨 차이?
• 클라이언트 → 서버 → 응답의 흐름, 한 번에 정리!

[서버 기초] HTTP란? 웹에서 요청과 응답이 오가는 원리