홈페이지 만들기 10단원: 배포하기 – 나만의 웹사이트, 세상에 공개하자!

 

 

지금까지 열심히 만든 홈페이지, 혼자 보기 아깝죠? 이번 단원에서는 코드를 실제로 세상에 공개(배포)해서 누구나 접속할 수 있게 만드는 방법을 알려드릴게요.

1. 배포란 무엇인가?

‘배포’는 우리가 만든 홈페이지 파일들을 서버에 업로드해서 브라우저 주소창에 www.내홈페이지.com처럼 접속 가능하게 만드는 작업입니다.

2. 무료 배포 사이트 추천

• GitHub Pages – 정적 HTML 사이트 배포용으로 최고!
• Netlify – 폼 처리나 서버 기능까지 지원!
• Vercel – Next.js, 정적 사이트 배포에 강함

3. GitHub Pages 배포 방법

1. Github 회원가입 후 새 저장소(repo) 생성
2. index.html, style.css 등 홈페이지 파일 업로드
3. [Settings] → [Pages] → branch 선택 → 저장
4. 잠시 뒤 https://유저명.github.io/저장소명 주소에서 접속 가능!

4. Netlify 배포 간단 설명

- netlify.com 접속 → GitHub 연동 - 'New Site from Git' 클릭 → 저장소 선택 → 자동 배포 - 무료 도메인 제공 (https://차차.netlify.app 같은 형식)

5. 커스텀 도메인도 가능!

- 도메인 구매는 가비아, 호스팅케이알, 카페24 등에서 가능 - GitHub Pages나 Netlify에 연동 설정만 하면 www.chachahome.com 사용 가능!

 

"홈페이지 만들기"가 이제 진짜 세상과 연결되는 단계까지 왔어요! 여기까지 따라온 여러분은 코딩 초보에서 진짜 제작자로 성장한 거예요. 앞으로는 JS, 백엔드 연동 등으로 더 확장해볼 수도 있고, 지금 배운 것만으로도 충분히 포트폴리오 사이트, 동호회 홈페이지, 개인 브랜드를 운영할 수 있어요!

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."