HTML 파일 하나를 무료로 인터넷에 올리는 방법을
순서대로 쉽게 알려드려요.
파일을 인터넷에 올려주는 프로그램이에요
컴퓨터를 재시작한 뒤, 아무 폴더에서 마우스 오른쪽 버튼을 눌러보세요. 메뉴에 "Git Bash Here"가 보이면 성공입니다!
Git 설치 후 컴퓨터를 껐다 켜야 "Git Bash Here" 메뉴가 나타나요. 재시작 없이 진행하면 명령어가 안 먹힐 수 있어요.
내 파일을 인터넷에 저장해주는 곳 — 완전 무료!
코드를 인터넷에 저장해주는 창고 같은 곳이에요. 무료로 사용할 수 있고, 나중에 사이트 주소도 여기서 만들어줘요.
hong123내 파일을 담는 폴더 같은 공간이에요
my-apartment-site저장소를 만들고 나면 뜨는 화면에 중요한 주소가 있어요. 다음 단계에서 필요하니 창을 닫지 마세요.
명령어 6줄로 파일을 GitHub에 업로드해요
HTML 파일이 있는 폴더를 열고, 빈 공간에 마우스 오른쪽 클릭 → "Git Bash Here" 클릭하면 검은 창이 열려요.
아래 명령어를 한 줄씩 복사해서 검은 창에 붙여넣고 엔터를 눌러요.
git init👆 "이 폴더를 Git으로 관리할게요" 라는 뜻
git add apartment-site-builder.html👆 "이 파일을 올릴 준비해주세요" 라는 뜻
git commit -m "첫번째 업로드"👆 "준비한 파일을 포장해주세요" 라는 뜻
git branch -M main👆 "메인 줄기 이름을 main으로 해주세요" 라는 뜻
git remote add origin https://github.com/내아이디/my-apartment-site.git내아이디 부분을 본인 GitHub 아이디로 교체하세요.
예: 아이디가 hong123이면 → https://github.com/hong123/my-apartment-site.git
git push -u origin main👆 "파일을 인터넷(GitHub)에 올려주세요" 라는 뜻
브라우저가 자동으로 열리면서 GitHub 로그인 요청이 나올 수 있어요. 로그인하면 자동으로 업로드가 완료돼요!
내 사이트에 인터넷 주소가 생기는 가장 신나는 단계!
📌 생성된 사이트 주소 형태:
이 주소를 카카오톡, 문자, 이메일로 보내면 누구든 내 사이트를 볼 수 있어요!
파일 고친 뒤 사이트 업데이트하는 방법
처음 설정은 끝났으니, 앞으로 파일을 수정하고 나면 아래 3줄만 치면 자동으로 사이트가 업데이트돼요.
git add apartment-site-builder.html
git commit -m "내용 수정함"
git push| 문제 | 해결 방법 |
|---|---|
| git 치면 "명령어를 찾을 수 없다" | Git 설치 후 컴퓨터 재시작하기 |
| push할 때 에러 발생 | 내아이디 부분을 진짜 본인 아이디로 바꿨는지 확인 |
| 사이트가 안 보임 | 1~2분 기다린 후 새로고침, 주소 끝에 .html 확인 |
| 로그인 창이 안 뜸 | Git Bash에서 git config --global user.name "내아이디" 입력 후 다시 시도 |