🐤 정적 서버 ? 동적 서버?
- 정적 서버 (Static Server)
-
미리 만들어진 HTML, CSS, JS 등의 파일을 그대로 응답하는 서버
-
콘텐츠는 항상 같고, 요청할 때마다 변경 없이 동일한 파일을 보냄
- 동적 서버 (Dynamic Server)
-
요청을 받을 때마다 서버가 코드를 실행하여 HTML을 생성
-
사용자, 요청 시간, DB 상태에 따라 다른 결과를 반환 가능
🐤 동작 원리
| 항목 | 정적 서버 (Static) | 동적 서버 (Dynamic) |
|---|---|---|
| 콘텐츠 생성 | 개발 또는 빌드시 미리 생성 | 요청 시 서버에서 실시간 생성 |
| 응답 방식 | 파일 그대로 제공 | 서버가 코드 실행 후 응답 생성 |
| 예시 파일 | /index.html | index.php, index.jsp, app.js 등 |
| 백엔드 사용 여부 | 불필요 | 필수 (Node.js, Django 등) |
관련 기술과 프레임워크
| 구분 | 정적 서버 | 동적 서버 |
|---|---|---|
| 서버 종류 | Nginx, Apache, GitHub Pages, Netlify | Node.js, Spring, Django, Laravel |
| 프레임워크 | Gatsby, Hugo, Jekyll, Next.js(SSG) | Next.js(SSR), Express, Flask, Ruby on Rails |
🐤 장 단점
장점
| 항목 | 정적 서버 | 동적 서버 |
|---|---|---|
| 속도 | 매우 빠름 (파일 그대로 제공) | 상대적으로 느림 (처리 시간 필요) |
| 확장성 | 뛰어남 (CDN으로 쉽게 배포) | 서버 리소스에 따라 제한될 수 있음 |
| 보안 | 보안 위험 적음 | 코드/DB 노출 위험 존재 |
| 비용 | 저렴 | 상대적으로 비쌈 (서버 유지 필요) |
단점
| 항목 | 정적 서버 | 동적 서버 |
|---|---|---|
| 실시간성 | 없음 | 있음 |
| 유지보수 | 단순 (파일만 관리) | 복잡 (서버, 코드, DB 관리 필요) |
| 개인화/로그인 | 불가능 | 가능 |
| 유연성 | 낮음 | 매우 높음 |
부적합한 상황
| 서버 타입 | 부적합 상황 |
|---|---|
| 정적 서버 | 실시간 정보가 필요한 서비스, 사용자별 콘텐츠 |
| 동적 서버 | 단순 소개 사이트나 블로그 등 과도한 리소스 낭비 |
🐤 상황에 따른 쓰임
정적 서버
-
회사 소개 페이지
-
포트폴리오, 문서 사이트
-
제품 랜딩 페이지
-
자주 변경되지 않는 콘텐츠
동적 서버
-
쇼핑몰, 게시판
-
SNS, 커뮤니티
-
로그인/회원 시스템이 있는 웹앱
-
사용자 맞춤 정보 제공이 필요한 서비스
🐤 요약
| 항목 | 정적 서버 | 동적 서버 |
|---|---|---|
| 주로 쓰이는 방식 | SSG (Static Site Generation) | SSR (Server Side Rendering), CSR |
| 속도 | 빠름 (CDN 최적화 가능) | 느림~중간 (서버 처리 필수) |
| 예시 | GitHub Pages로 배포된 블로그 | 로그인 기능이 있는 웹앱 |
정적 서버의 예시
| 서비스명 | 설명 |
|---|---|
| 중소기업청 ‘K-startup’ 소개 페이지 | 정보성 위주, 변경 적고 단순히 콘텐츠 보여줌 |
| 대기업 브랜드 캠페인 페이지 (ex. 삼성 갤럭시 런칭 이벤트) | 제품 홍보용 랜딩 페이지. 정적 빌드 후 배포 |
| NHN Dooray! 소개 사이트 | 별도 마케팅용 정적 사이트로 배포됨 |
| 공공기관 소개/통계 포털 일부 | 로그인 없이 제공되는 통계 소개 페이지 등 |
| 카카오 엔터프라이즈 기술 블로그 | Markdown 기반의 정적 블로그 생성기(Gatsby 등) 사용 가능 |
- 이런 서비스들은 페이지 내용이 자주 바뀌지 않거나, 로그인 없이 콘텐츠를 단순히 보여주는 경우가 많다.
동적 서버의 예시
| 서비스명 | 설명 |
|---|---|
| 쿠팡 | 로그인, 장바구니, 실시간 가격·재고, 주문 처리 등 |
| 네이버 카페/블로그/메일 | 사용자별 콘텐츠 제공, 댓글/게시물 생성 등 |
| 배달의민족 | 실시간 음식 주문, 리뷰, 가게 정보 동적 처리 |
| 토스 (Toss) | 사용자 맞춤 금융 정보, API 연동, 보안 인증 필수 |
| 멜론(Melon) | 사용자별 음악 추천, 스트리밍, 동적 랭킹 노출 |
| 잡코리아 / 사람인 | 실시간 공고, 이력서 저장/조회, 로그인 처리 |
- 이런 서비스들은 로그인, DB 조회, 실시간 변경 기능이 필수인 경우입니다.
혼합형
Next.js 기반의 마케팅 페이지 + 사용자 대시보드 조합
예: 당근마켓
-
메인 랜딩은 정적 렌더링
-
거래 게시글, 메시지 등은 동적 처리
