호스팅과 도메인은 왜 필요할까?
내 컴퓨터의 index.html은 나만 볼 수 있어요. 다른 사람도 보게 하려면 '가게 자리'와 '간판'이 필요해요.
🎯 이번 레슨을 마치면
- 호스팅이 왜 필요한지 설명할 수 있다
- 도메인과 DNS의 관계를 안다
- 정적 사이트와 동적 사이트의 차이를 안다
가게 자리와 간판
내 컴퓨터 index.html, style.css
배포 파일 올리기
호스팅 서버 24시간 켜져 있음
방문자 minji.com 으로 접속
정적 사이트 vs 동적 사이트
| 📄 정적 사이트 | 🍳 동적 사이트 | |
|---|---|---|
| 뜻 | 미리 만든 파일을 그대로 보여 줘요 | 요청이 올 때마다 서버가 내용을 새로 만들어요 |
| 예시 | 소개 사이트, 포트폴리오, 회사 홈페이지 | 로그인, 게시판, 쇼핑몰 장바구니 |
| 비유 | 인쇄해 둔 전단지 | 주문받고 바로 만드는 요리 |
| 이 과정 | 지금 만든 사이트 (Part 3~4) | Part 5부터 |
지금 만든 소개 사이트는 정적 사이트정적 사이트 (Static Site)미리 만들어 둔 파일(HTML, CSS, JS, 이미지)을 그대로 보여 주는 사이트예요.예요. 정적 사이트는 무료로, 아주 쉽게 공개할 수 있어요!
퀴즈
내 사이트를 친구들도 볼 수 있게 24시간 켜져 있는 컴퓨터에 올려 두는 것을 무엇이라고 할까요?
📝 정리해 볼까요?
- 호스팅은 내 사이트 파일을 24시간 켜져 있는 컴퓨터에 올려 두는 것(가게 자리 임대)이에요.
- 도메인은 사람이 기억하기 쉬운 주소(간판)이고, DNS가 그 주소를 실제 컴퓨터로 연결해요.
- 지금 만든 사이트는 파일만 보여 주는 정적 사이트라서 무료로 쉽게 올릴 수 있어요.
📖 새로 나온 용어
- 호스팅 Hosting
- 내 웹사이트 파일을 24시간 켜져 있는 컴퓨터에 올려 두고 누구나 접속하게 하는 것이에요. 비유: 가게 자리 임대
- 도메인 Domain
- example.com처럼 사람이 기억하기 쉽게 만든 웹사이트 이름이에요. 비유: 가게 간판 이름
- DNS
- 도메인 이름을 실제 컴퓨터 주소(IP 주소)로 바꿔 주는 시스템이에요. 비유: 이름으로 번호를 찾는 전화번호부
- 배포 Deploy
- 만든 웹사이트를 인터넷에 올려서 다른 사람이 볼 수 있게 하는 일이에요. 비유: 가게 오픈
- 정적 사이트 Static Site
- 미리 만들어 둔 파일(HTML, CSS, JS, 이미지)을 그대로 보여 주는 사이트예요. 비유: 인쇄해 둔 전단지
- 동적 사이트 Dynamic Site
- 요청이 올 때마다 서버가 내용을 새로 만들어 보여 주는 사이트예요. 로그인, 게시판 등. 비유: 주문 받고 바로 만드는 요리
- CDN
- 전 세계 곳곳에 사이트 복사본을 두고, 방문자와 가장 가까운 곳에서 전달하는 배송망이에요. 비유: 전국 곳곳의 물류 창고
잘했어요! 완료 표시는 이 브라우저에 저장돼요.