네 웹사이트는 어디에 게시되나요?
호스팅은 네 웹사이트가 있는 서버야. 정적 웹사이트(HTML, CSS, JS - 지금까지 구축해 온 웹사이트)의 경우 시작하기 가장 좋은 곳은 GitHub 페이지야. 무료이고 안정적이며 이미 Git을 알고 있어.
보여줄게: GitHub 페이지에 배포
- 프로젝트를 GitHub에 푸시해(방법은 이미 알고 있어.
git add .,git commit,git push). - GitHub에서 저장소 → 설정 → 페이지를 엽니다.
- ‘소스’에서 다음을 선택해.
main지점과/ (root)접는 사람. - 저장해. 1분 안에 네 웹사이트가 다음 위치에서 실행돼.
your-name.github.io/repo-name.
완료. 네 웹사이트는 인터넷에 있으며 전 세계가 이를 볼 수 있어. 🎉
나만의 도메인 연결하기
지난 강의에서 도메인을 얻었나요? 연결해 봅시다:
- GitHub에서: 설정 → 페이지 → 사용자 정의 도메인 → 도메인을 입력해.
- 등록 기관에서 DNS 레코드를 설정해(GitHub 페이지 문서에서 찾을 수 있음).
- 다음에 대한 CNAME 레코드
www→your-name.github.io- www가 없는 도메인에 대한 A 레코드 → GitHub 페이지 IP 주소
- 다음에 대한 CNAME 레코드
- 기다리세요 – DNS 변경 사항이 전 세계에 퍼지는 데 최대 몇 시간이 걸릴 수 있어(보통 몇 분).
💡
**자체 서버가 있는 웹사이트**(방명록 또는 챗봇)를 갖고 계십니까? GitHub 페이지는 정적 페이지만 처리해. 서버에는 다른 호스팅이 필요해(예: 철도, 렌더, 무료 시작 계층이 있음). 프로세스는 비슷해. 저장소를 연결하면 서비스가 서버를 시작해. 웹사이트의 정적 부분을 페이지에 계속 유지할 수 있어.
네 차례야 💪
- 위 단계에 따라 프로젝트를 GitHub 페이지에 배포해.
- 휴대폰에서 웹사이트를 엽니다(Wi-Fi가 아님!). 볼 수 있나요? 전 세계가 그렇게 보고 있어.
- 한 사람(부모님, 친구)에게 주소를 보내고 피드백을 요청해. 어떤 것이 효과가 있고 어떤 것이 기분이 좋지 않습니까?
- 도메인이 있는 경우 이를 연결하여 자신의 주소에서 웹사이트가 실행되는지 확인해.
- 에 적어주세요
LAUNCH.md: 네 웹사이트 주소와 첫 번째 배포 날짜야. 역사적인 순간이군요!
✅
**확인:** 네 웹사이트는 전 세계 모든 기기에서 접속할 수 있어. GitHub 페이지 주소, 이상적으로는 네 도메인에서 접속할 수 있어. 너이 아닌 다른 사람이 그것을 보았어.
이번 수업에서 배울 점
- GitHub 페이지 = 단 몇 번의 클릭만으로 배포되는 정적 웹사이트를 위한 무료 호스팅야.
- 사용자 정의 도메인은 DNS 레코드(CNAME 및 A)를 통해 연결돼.
- 자체 서버가 있는 웹사이트에는 다른 호스팅이 필요해. 정적 부분은 페이지에 남아 있을 수 있어.
© 2026 Ing. Martin Polak / AlgoRhino · 콘텐츠 이용 약관