git hub 홈페이지를 이용한 게임페이지 만들기(1)
By climacus
프로젝트/홈페이지 만들기
2025. 3. 16. 21:03

 

git hub에 repository를 열고, git hub pages 서비스를 이용해서 홈페이지를 만들어보자. 

 

■ 깃허브(github)란? 프로젝트를 저장하고 버전을 관리할 수 있는 호스팅 서비스이다. 

- 장점1: 협업하는 다른 사람들에게 프로젝트를 쉽게 공유할 수 있다. 
- 장점2: 프로젝트의 분기와 버전을 관리하기 쉽다. 

- 장점3: 무료로 쓸 수 있다.

■  레포지토리(repository)란? 프로젝트를 저장하는 온라인 저장소

■  커밋(commit)이란? commit은 파일의 변화를 깃 레포지토리에 기록하는 것. 나중에 잘못되더라도 프로젝트를 커밋한 시점으로 복구 할 수 있다. 

■ 깃허브페이지스(github pages)란? 누구나 쉽게 홈페이지를 운영할 수 있도록 무료로 제공하는 호스팅 서비스

 

[프로젝트 시작]

1. 깃허브 계정 레포지토리 만들기

  • 홈페이지로 쓸 레포지토리는 (자신의 계정).github.io  로 레포지토리를 열면 된다.
  • "Public"으로 설정해야 한다.
  • "Add a README file"을 체크하면 편하다.

2. 홈페이지 파일 준비하기

  1. index.html 파일을 만든다. (이 파일이 홈페이지의 기본 페이지가 됨)
  2. style.css, script.js 등 필요한 파일을 추가한다.
  3. 웹사이트 내용을 작성한다.

예시:

 
<!DOCTYPE html> 
<html lang="ko"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>내 GitHub Pages</title> 
</head> 
<body> 
	<h1>안녕하세요! GitHub Pages 홈페이지입니다.</h1> 
</body> 
</html>

3. 파일을 GitHub에 업로드하기

방법 1: GitHub 웹사이트에서 직접 업로드

  1. 저장소에 들어가서 "Add file" → "Upload files" 클릭
  2. index.html 파일을 업로드하고 "Commit changes" 클릭

방법 2: Git을 사용하여 업로드

  1. Git이 설치되어 있다면 터미널 또는 명령 프롬프트에서 아래 명령어 입력:
git clone https://github.com/username/repository-name.git cd repository-name
  1. 홈페이지 파일을 저장소 폴더에 추가한 후, 아래 명령어 실행:
git add . git commit -m "업로드" git push origin main

4. GitHub Pages 설정하기

  1. GitHub 저장소로 이동
  2. "Settings" 탭 클릭
  3. 왼쪽 메뉴에서 "Pages" 클릭
  4. "Branch"에서 main 선택 후 "Save" 클릭

잠시 기다리면 GitHub Pages가 활성화된다.

5. 홈페이지 확인하기

티스토리툴바