0원으로 나만의 웹사이트 만들기: GitHub 무료 호스팅 A to Z

티스토리 뷰

Shorts

0원으로 나만의 웹사이트 만들기: GitHub 무료 호스팅 A to Z

cocoder 2024. 4. 15. 10:18

728x90

안녕하세요 cocoder입니다.

이번 포스팅은 무료 웹사이트를 호스팅하는 부분에 대해서 포스팅 해보려고 합니다. 이미 git hub를 사용해보신 경험이 있으시면 쉽게 따라하실 수 있을겁니다.

웹사이트를 만들고 싶지만 호스팅 비용이 부담되시나요? 혹은 개인 프로젝트, 포트폴리오, 또는 블로그를 인터넷에 띄우고 싶지만 어디서부터 시작해야 할지 모르겠다고요? 걱정 마세요! 오늘은 여러분이 GitHub를 활용하여 간단하면서도 효과적으로 웹사이트를 무료로 호스팅할 수 있는 방법을 소개하고자 합니다.

GitHub는 전 세계 수백만 개발자가 사용하는 대표적인 개발 플랫폼이자 협업 도구입니다. 그러나 GitHub의 잠재력은 코드 저장소에만 국한되지 않습니다. 실제로 GitHub는 GitHub Pages 기능을 통해 누구나 손쉽게 웹사이트를 무료로 호스팅할 수 있는 환경을 제공합니다. 이 글에서는 GitHub Pages의 기본적인 사용 방법부터 시작하여, 당신의 첫 웹사이트를 어떻게 세상에 공개할 수 있는지 단계별로 안내해 드리겠습니다.

git hub 가입

https://github.com/

GitHub: Let’s build from here

GitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...

github.com

우선, 위 사이트에 접속하셔서 회원가입을 합니다.

저장소 생성

이제 저장소를 생성하겠습니다.

로그인을 하면 위 사진처럼 페이지가 나올텐데 new 버튼을 눌러서 저장소를 생성합니다.

저장소 제목을 입력하고 하단에 'Create repository' 버튼으로 저장소를 생성합니다.

파일 올리기

저장소를 생성했다면 이런 페이지가 나올겁니다. 빨간색으로 표시된 부분을 클릭하여 index.html 파일을 올려보겠습니다.

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>cocoder</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
    안녕하세요 cocoder 입니다!
</body>
</html>

이 파일을 올려보겠습니다.