반응형
1️⃣ GitHub Pages는?
- GitHub에 올린 파일로 웹페이지를 만들어 주는 무료 기능
- 블로그, 프로젝트 소개 페이지, 포트폴리오 등에 자주 사용
- 주소 형태:
👉 https://사용자이름.github.io/저장소이름
👉 이 기능의 이름이 바로 GitHub Pages입니다.
(기반 서비스: GitHub)
2️⃣ 가장 단순한 구조 (이것만 기억하세요)
GitHub Pages가 작동하려면 딱 1개 파일만 있어도 됩니다.
index.html
📌 이 파일이 첫 화면(홈페이지) 이 됩니다.
3️⃣ 페이지 만드는 최소 절차 (순서대로)
✅ ① GitHub에 저장소(repository) 만들기
- 예: my-first-page
- Public(공개)로 설정
✅ ② index.html 파일 만들기
내용은 아주 간단해도 됩니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>나의 첫 Git 페이지</title>
</head>
<body>
<h1>안녕하세요</h1>
<p>GitHub Pages 첫 화면입니다.</p>
</body>
</html>
✅ ③ 파일을 GitHub에 올리기 (커밋 & 푸시)
- 웹에서 업로드해도 되고
- Git 프로그램으로 올려도 됩니다
✅ ④ Pages 기능 켜기 (중요)
저장소에서:
- Settings
- Pages
- Source:
- Branch: main
- Folder: / (root)
- Save
⏱️ 10초~1분 정도 기다리면 주소가 생성됩니다.
4️⃣ 이렇게 주소가 생깁니다
예시:
https://사용자이름.github.io/my-first-page/
이 주소를 열면
👉 방금 만든 index.html이 웹페이지로 보입니다
반응형
'컴퓨터 활용 > 노년에 즐기는 코딩' 카테고리의 다른 글
| Amazon EC2 요금제 소개 (0) | 2026.01.06 |
|---|---|
| AWS CLI 사용 방법 (0) | 2026.01.05 |
| [캘리버] 전자책에서 종이책까지 (0) | 2025.12.20 |
| [AWS] 자격시험 연습, 구글 Gemini 활용 (1) | 2025.12.19 |
| AWS 자격증 연습: ChatGPT와 자격증 문제 연습 (2) | 2025.12.07 |
댓글