Search

Github Pages

Github Pages

GitHub Pages๋Š” GitHub ์ €์žฅ์†Œ์—์„œ ์ง์ ‘ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฌด๋ฃŒ๋กœ ํ˜ธ์ŠคํŒ…ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค. HTML, CSS, JavaScript ํŒŒ์ผ์„ ์—…๋กœ๋“œํ•˜๋ฉด ์ž๋™์œผ๋กœ ์›น์‚ฌ์ดํŠธ๊ฐ€ ์ƒ์„ฑ๋˜์–ด ๊ณต๊ฐœ๋ฉ๋‹ˆ๋‹ค.

Github Pages ๋งŒ๋“ค์–ด๋ณด๊ธฐ

1.
Github ์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•œ๋‹ค.
2.
๋กœ๊ทธ์ธ ํ•œ๋‹ค.
3.
New (New Repository) ๋ฒ„ํŠผ์„ ํด๋ฆญํ•œ๋‹ค.
4.
Create a new repository ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•œ๋‹ค
a.
Repository name*
b.
Public / Private
c.
Initialize this repository with:
i.
Add a README file
5.
Create repository ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ์ƒ์„ฑํ•œ๋‹ค.
6.
VS CODE ์—์„œ Git Clone ํ•œ๋‹ค.
7.
index.html ํŒŒ์ผ์„ ๋งŒ๋“ค๊ณ  ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค.
8.
Commit & Push ํ•œ๋‹ค.
9.
Github Pages ๋ฅผ ์„ธํŒ…ํ•œ๋‹ค.
a.
Settings ๋ฉ”๋‰ด
b.
Page ๋ฉ”๋‰ด
c.
main ์„ ์„ ํƒํ•˜๊ณ  Save ๋ฒ„ํŠผ์„ ํด๋ฆญํ•œ๋‹ค.
10.
์ƒ์„ฑ๋œ Github Pages ๋งํฌ๋กœ ์ด๋™ํ•œ๋‹ค.

Github ์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•œ๋‹ค.

๋กœ๊ทธ์ธ ํ•œ๋‹ค.

New (New Repository) ๋ฒ„ํŠผ์„ ํด๋ฆญํ•œ๋‹ค.

Create a new repository ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•œ๋‹ค

โ€ข
Repository name* : (์ง์ ‘ ์ž…๋ ฅ)
โ€ข
Public / Private
โ€ข
Initialize this repository with:
โ—ฆ
Add a README file

Create repository ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ์ƒ์„ฑํ•œ๋‹ค.

VS CODE ์—์„œ Git Clone ํ•œ๋‹ค.

index.html ํŒŒ์ผ์„ ๋งŒ๋“ค๊ณ  ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค.

Commit & Push ํ•œ๋‹ค.

Github Pages ๋ฅผ ์„ธํŒ…ํ•œ๋‹ค.

โ€ข
Settings ๋ฉ”๋‰ด
โ€ข
Page ๋ฉ”๋‰ด
โ€ข
main ์„ ์„ ํƒํ•˜๊ณ  Save ๋ฒ„ํŠผ์„ ํด๋ฆญํ•œ๋‹ค.

์ƒ์„ฑ๋œ Github Pages ๋งํฌ๋กœ ์ด๋™ํ•œ๋‹ค.