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 링크둜 μ΄λ™ν•œλ‹€.