๊นํ๋ธ๋ก ๋ฌด๋ฃ ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ: ์ฝ๋ฉ ๊ฐ๋น๊ฐ๋ฅ
GitHub๋ก ๋ฌด๋ฃ ๋ธ๋ก๊ทธ ๋ง๋ค๊ธฐ: ์ด๋ณด์๋ฅผ ์ํ ์๋ฒฝ ๊ฐ์ด๋
- ์ GitHub๋ก ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค์ด์ผ ํ ๊น์?
- GitHub ๋ธ๋ก๊ทธ ๋ง๋๋ ๋ฐฉ๋ฒ (๋จ๊ณ๋ณ ๊ฐ์ด๋)
- GitHub ๋ธ๋ก๊ทธ์ ํํ
- GitHub ๋ธ๋ก๊ทธ์ ์ฅ์
- GitHub ๋ธ๋ก๊ทธ์ ๋จ์ ๊ณผ ํด๊ฒฐ ๋ฐฉ๋ฒ
- ๋น์ฉ ๋ถ์ ๋ฐ ๊ฒฝ์ ์ฑ
- SEO ์ต์ ํ ๋ฐ ํธ๋ํฝ ์ฆ๊ฐ ์ ๋ต
- ํจ๊ณผ์ ์ธ ์ฝํ ์ธ ์ ๋ต
- ๊ณ ๊ธ ์ฌ์ฉ์๋ฅผ ์ํ ํ
์ GitHub๋ก ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค์ด์ผ ํ ๊น์?
GitHub๋ก ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋๋ ๊ฒ์ ๊ฐ๋ฐ์์ ๊ธฐ์ ์๊ฐ๋ค์๊ฒ ์ด์์ ์ธ ์ ํ์ ๋๋ค. ์ฃผ์ ์ด์ ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- ๋ฌด๋ฃ ํธ์คํ : ๋ณ๋์ ํธ์คํ ๋น์ฉ ์์ด ๋ธ๋ก๊ทธ ์ด์ ๊ฐ๋ฅ
- ๋ฒ์ ๊ด๋ฆฌ ์์คํ ํตํฉ: ์ฝํ ์ธ ์ ๋ณ๊ฒฝ ์ด๋ ฅ ์ถ์ ์ฉ์ด
- ๋งํฌ๋ค์ด ์ง์: ๊ฐํธํ ๋ฌธ์ ์์ฑ ๋ฐ ๊ด๋ฆฌ
- ๊ฐ๋ฐ์ ์นํ์ ์ธ ํ๊ฒฝ: ์ฝ๋ ์ค๋ํซ ๊ณต์ ์ ์ต์ ํ
- ๋์ ์ปค์คํฐ๋ง์ด์ง ์์ ๋: ์ํ๋ ๋๋ก ๋์์ธ ๋ฐ ๊ธฐ๋ฅ ๊ตฌํ ๊ฐ๋ฅ
GitHub ๋ธ๋ก๊ทธ ๋ง๋๋ ๋ฐฉ๋ฒ (๋จ๊ณ๋ณ ๊ฐ์ด๋)
GitHub ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋๋ ๊ณผ์ ์ ์์ธํ ์ค๋ช ํ๊ฒ ์ต๋๋ค:
-
GitHub ๊ณ์ ์์ฑ
GitHub ๊ณต์ ์น์ฌ์ดํธ์์ ๋ฌด๋ฃ ๊ณ์ ์ ๋ง๋ญ๋๋ค.
-
์ ๋ฆฌํฌ์งํ ๋ฆฌ ์์ฑ
๋ฆฌํฌ์งํ ๋ฆฌ ์ด๋ฆ์
username.github.ioํ์์ผ๋ก ๋ง๋ญ๋๋ค. (username์ ๋ณธ์ธ์ GitHub ์ฌ์ฉ์๋ช ) -
Jekyll ํ ๋ง ์ ํ ๋ฐ ์ ์ฉ
Jekyll ํ ๋ง ์ฌ์ดํธ์์ ๋ง์์ ๋๋ ๋ฌด๋ฃ ํ ๋ง๋ฅผ ์ ํํฉ๋๋ค.
์ ํํ ํ ๋ง์ ํ์ผ์ ์์ ์ ๋ฆฌํฌ์งํ ๋ฆฌ์ ์ ๋ก๋ํฉ๋๋ค.
-
_config.yml ํ์ผ ์ค์
ํ ๋ง์ _config.yml ํ์ผ์ ์ด๊ณ ๋ธ๋ก๊ทธ ์ ๋ชฉ, ์ค๋ช , ์์ ๋ฏธ๋์ด ๋งํฌ ๋ฑ์ ์์ ํฉ๋๋ค.
-
์ฒซ ๋ฒ์งธ ๋ธ๋ก๊ทธ ํฌ์คํธ ์์ฑ
_posts ํด๋์
YYYY-MM-DD-์ ๋ชฉ.mdํ์์ผ๋ก ์ ํ์ผ์ ๋ง๋ค๊ณ ๋งํฌ๋ค์ด์ผ๋ก ๋ด์ฉ์ ์์ฑํฉ๋๋ค. -
๋ณ๊ฒฝ์ฌํญ ์ปค๋ฐ ๋ฐ ํธ์
์์ฑํ ๋ด์ฉ์ GitHub์ ์ปค๋ฐํ๊ณ ํธ์ํฉ๋๋ค. ๋ช ๋ถ ํ
https://username.github.io์์ ๋ธ๋ก๊ทธ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
GitHub ๋ธ๋ก๊ทธ์ ํํ
GitHub ๋ธ๋ก๊ทธ๋ฅผ ์ฌ์ฉํ๋ฉด ๋ค์๊ณผ ๊ฐ์ ํํ์ ์ป์ ์ ์์ต๋๋ค:
- ๊ธฐ์ ์ญ๋ ํฅ์: Git, ๋งํฌ๋ค์ด, ์น ๊ธฐ์ ํ์ต
- ๊ฐ๋ฐ์ ํฌํธํด๋ฆฌ์ค๋ก ํ์ฉ: ํ๋ก์ ํธ์ ๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ํ ๊ณณ์์ ๊ด๋ฆฌ
- ๊ธฐ์ ์ปค๋ฎค๋ํฐ์์ ์ฐ๊ฒฐ: GitHub ์ํ๊ณ๋ฅผ ํตํ ๋คํธ์ํน
- SEO ์ต์ ํ ์ฉ์ด: ์ ์ ์ฌ์ดํธ์ ์ฅ์ ์ ํ์ฉํ ๊ฒ์ ์์ง ์ต์ ํ
- ์ง์์ ์ธ ํ์ต๊ณผ ์ฑ์ฅ: ๋ธ๋ก๊ทธ ์ด์์ ํตํ ์ง์ ๊ณต์ ๋ฐ ํผ๋๋ฐฑ
GitHub ๋ธ๋ก๊ทธ์ ์ฅ์
GitHub ๋ธ๋ก๊ทธ๋ ๋ค์๊ณผ ๊ฐ์ ์ฅ์ ์ด ์์ต๋๋ค:
- ๋์ ์ปค์คํฐ๋ง์ด์ง ์์ ๋: ์ํ๋ ๋๋ก ๋์์ธ ๋ฐ ๊ธฐ๋ฅ ๊ตฌํ
- ๋น ๋ฅธ ๋ก๋ฉ ์๋: ์ ์ ์ฌ์ดํธ์ ํน์ฑ์ ๋งค์ฐ ๋น ๋ฅธ ํ์ด์ง ๋ก๋
- ๋ณด์์ฑ: ์๋ฒ ๊ด๋ฆฌ๊ฐ ํ์ ์์ด ๋ณด์ ์ํ ์ต์ํ
- ๋ฒ์ ๊ด๋ฆฌ์ ์ฉ์ด์ฑ: Git์ ํตํ ํจ์จ์ ์ธ ์ฝํ ์ธ ๊ด๋ฆฌ
- ํ์ ๊ฐ๋ฅ์ฑ: ๋ค๋ฅธ ์ฌ์ฉ์์์ ์์ฌ์ด ํ์ ๋ฐ ๊ธฐ์ฌ
- ๋ฌด๋ฃ HTTPS: GitHub์์ ์ ๊ณตํ๋ ๋ณด์ ์ธ์ฆ์
GitHub ๋ธ๋ก๊ทธ์ ๋จ์ ๊ณผ ํด๊ฒฐ ๋ฐฉ๋ฒ
GitHub ๋ธ๋ก๊ทธ์ ๋ช ๊ฐ์ง ๋จ์ ๊ณผ ๊ทธ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
-
์ด๊ธฐ ์ค์ ์ ๋ณต์ก์ฑ
ํด๊ฒฐ ๋ฐฉ๋ฒ: ๋จ๊ณ๋ณ ๊ฐ์ด๋๋ฅผ ๋ฐ๋ผํ๊ณ , ํ์์ ์ปค๋ฎค๋ํฐ์ ๋์์ ๋ฐ์ต๋๋ค.
-
๋์ ๊ธฐ๋ฅ์ ์ ํ
ํด๊ฒฐ ๋ฐฉ๋ฒ: Disqus(๋๊ธ), Formspree(ํผ) ๋ฑ์ ์๋น์ค๋ฅผ ํ์ฉํ์ฌ ๋์ ๊ธฐ๋ฅ์ ์ถ๊ฐํฉ๋๋ค.
-
๋น๊ฐ๋ฐ์์๊ฒ๋ ๋ค์ ์ด๋ ค์ธ ์ ์์
ํด๊ฒฐ ๋ฐฉ๋ฒ: ๊ธฐ๋ณธ์ ์ธ Git ์ฌ์ฉ๋ฒ๊ณผ ๋งํฌ๋ค์ด์ ํ์ตํฉ๋๋ค. ๋ง์ ์จ๋ผ์ธ ํํ ๋ฆฌ์ผ์ด ์์ต๋๋ค.
-
์ฝํ
์ธ ์์ฑ์ IDE๋ ํ
์คํธ ์๋ํฐ ์ฌ์ฉ ํ์
ํด๊ฒฐ ๋ฐฉ๋ฒ: Prose.io๋ Forestry.io ๊ฐ์ ์จ๋ผ์ธ CMS๋ฅผ ์ฌ์ฉํ์ฌ ์น์์ ์ง์ ์ฝํ ์ธ ๋ฅผ ๊ด๋ฆฌํ ์ ์์ต๋๋ค.
๋น์ฉ ๋ถ์ ๋ฐ ๊ฒฝ์ ์ฑ
GitHub ๋ธ๋ก๊ทธ์ ๋น์ฉ ๊ตฌ์กฐ์ ๊ฒฝ์ ์ฑ์ ๋ถ์ํด๋ณด๊ฒ ์ต๋๋ค:
- ๊ธฐ๋ณธ ํธ์คํ : ๋ฌด๋ฃ
- ์ปค์คํ ๋๋ฉ์ธ: ์ฐ๊ฐ ์ฝ 10-20๋ฌ๋ฌ (์ ํ์ฌํญ)
- ํ๋ฆฌ๋ฏธ์ ํ ๋ง: 0-100๋ฌ๋ฌ (๋๋ถ๋ถ์ ํ ๋ง๋ ๋ฌด๋ฃ)
- ์ถ๊ฐ ๊ธฐ๋ฅ (์: ๊ณ ๊ธ ๋ถ์): ์๋น์ค์ ๋ฐ๋ผ ๋ค์ (๋๋ถ๋ถ ๋ฌด๋ฃ ๋์ ์กด์ฌ)
์ ๋ฐ์ ์ผ๋ก, GitHub ๋ธ๋ก๊ทธ๋ ๋งค์ฐ ๋น์ฉ ํจ์จ์ ์ธ ์ต์ ์ ๋๋ค. ํนํ ๋ค์๊ณผ ๊ฐ์ ๊ฒฝ์ ์ ์ด์ ์ด ์์ต๋๋ค:
- ์ด๊ธฐ ํฌ์ ๋น์ฉ ์ต์ํ: ๋ฌด๋ฃ๋ก ์์ ๊ฐ๋ฅ
- ํ์ฅ์ฑ: ํธ๋ํฝ ์ฆ๊ฐ์ ๋ฐ๋ฅธ ์ถ๊ฐ ๋น์ฉ ์์
- ํ์ต ํจ๊ณผ: Git๊ณผ ์น ๊ธฐ์ ํ์ต์ ํตํ ๊ฐ์ธ ์ญ๋ ๊ฐํ
SEO ์ต์ ํ ๋ฐ ํธ๋ํฝ ์ฆ๊ฐ ์ ๋ต
GitHub ๋ธ๋ก๊ทธ์ ๊ฒ์ ์์ง ์ต์ ํ(SEO)์ ํธ๋ํฝ ์ฆ๊ฐ๋ฅผ ์ํ ์ ๋ต์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
-
๋ฉํ ํ๊ทธ ์ต์ ํ
๊ฐ ํฌ์คํธ์ title, description, keywords๋ฅผ ์ ์ ํ ์ค์ ํฉ๋๋ค.
-
URL ๊ตฌ์กฐ ์ต์ ํ
์๋ฏธ ์๊ณ ๊ฐ๊ฒฐํ URL ๊ตฌ์กฐ๋ฅผ ์ฌ์ฉํฉ๋๋ค. (์: /category/post-title)
-
์ด๋ฏธ์ง ์ต์ ํ
๋ชจ๋ ์ด๋ฏธ์ง์ alt ํ๊ทธ๋ฅผ ์ถ๊ฐํ๊ณ , ์ ์ ํ ํฌ๊ธฐ๋ก ์ต์ ํํฉ๋๋ค.
-
๋ด๋ถ ๋งํฌ ๊ตฌ์กฐ ๊ฐ์
๊ด๋ จ ํฌ์คํธ ๊ฐ์ ๋ด๋ถ ๋งํฌ๋ฅผ ์ ์ ํ ์ฌ์ฉํฉ๋๋ค.
-
๋ชจ๋ฐ์ผ ์ต์ ํ
๋ฐ์ํ ๋์์ธ์ ์ ์ฉํ์ฌ ๋ชจ๋ฐ์ผ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํฉ๋๋ค.
-
์ฝํ
์ธ ํ์ง ํฅ์
๊น์ด ์๊ณ ์ ์ฉํ ์ฝํ ์ธ ๋ฅผ ์ ๊ธฐ์ ์ผ๋ก ๊ฒ์ํฉ๋๋ค.
-
์์
๋ฏธ๋์ด ๊ณต์ ์ต์ ํ
Open Graph ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ ์์ ๋ฏธ๋์ด ๊ณต์ ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ์ต์ ํํฉ๋๋ค.
ํจ๊ณผ์ ์ธ ์ฝํ ์ธ ์ ๋ต
GitHub ๋ธ๋ก๊ทธ์ ์ฑ๊ณต์ ์ํ ํจ๊ณผ์ ์ธ ์ฝํ ์ธ ์ ๋ต์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
-
ํ๊ฒ ๋ ์ ์ ์
๋ธ๋ก๊ทธ์ ์ฃผ ๋ ์์ธต์ ๋ช ํํ ์ ์ํ๊ณ , ๊ทธ๋ค์ ๊ด์ฌ์ฌ์ ์๊ตฌ์ฌํญ์ ํ์ ํฉ๋๋ค.
-
์ผ๊ด๋ ํฌ์คํ ์ผ์
์ ๊ธฐ์ ์ธ ํฌ์คํ ์ผ์ ์ ์๋ฆฝํ๊ณ ์ ์งํ์ฌ ๋ ์๋ค์ ๊ธฐ๋๋ฅผ ์ถฉ์กฑ์ํต๋๋ค.
-
๋ค์ํ ์ฝํ ์ธ ํ์
ํํ ๋ฆฌ์ผ, ์ผ์ด์ค ์คํฐ๋, ์ธํฐ๋ทฐ, ๋ฆฌ๋ทฐ ๋ฑ ๋ค์ํ ํ์์ ์ฝํ ์ธ ๋ฅผ ์ ๊ณตํฉ๋๋ค.
-
์๋ฆฌ์ฆ ์ฝํ ์ธ ์์ฑ
์ฐ๊ด๋ ์ฃผ์ ๋ก ์๋ฆฌ์ฆ ์ฝํ ์ธ ๋ฅผ ์์ฑํ์ฌ ๋ ์์ ์ง์์ ์ธ ๊ด์ฌ์ ์ ๋ํฉ๋๋ค.
-
๋ ์์์ ์ํธ์์ฉ
๋๊ธ์ ์ ๊ทน์ ์ผ๋ก ์๋ตํ๊ณ , ๋ ์์ ํผ๋๋ฐฑ์ ๋ฐ์ํ์ฌ ์ฝํ ์ธ ๋ฅผ ๊ฐ์ ํฉ๋๋ค.
-
ํธ๋ ๋ ๋ชจ๋ํฐ๋ง
๊ธฐ์ ํธ๋ ๋๋ฅผ ์ฃผ์ํ๊ณ , ์์์ ์ ํ ์ฃผ์ ๋ก ํฌ์คํ ํฉ๋๋ค.
๊ณ ๊ธ ์ฌ์ฉ์๋ฅผ ์ํ ํ
GitHub ๋ธ๋ก๊ทธ๋ฅผ ๋์ฑ ํจ๊ณผ์ ์ผ๋ก ํ์ฉํ๊ธฐ ์ํ ๊ณ ๊ธ ํ๋ค์ ๋๋ค:
-
์ปค์คํ ๋๋ฉ์ธ ์ค์
๊ฐ์ธ ๋๋ฉ์ธ์ ๊ตฌ์ ํ๊ณ GitHub Pages์ ์ฐ๊ฒฐํ์ฌ ๋ธ๋๋ฉ์ ๊ฐํํฉ๋๋ค.
-
CI/CD ํ์ดํ๋ผ์ธ ๊ตฌ์ถ
Travis CI๋ GitHub Actions๋ฅผ ์ฌ์ฉํ์ฌ ์๋ ๋น๋ ๋ฐ ๋ฐฐํฌ ํ์ดํ๋ผ์ธ์ ๊ตฌ์ถํฉ๋๋ค.
-
Jekyll ํ๋ฌ๊ทธ์ธ ํ์ฉ
์ ์ฉํ Jekyll ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ์ฌ ๋ธ๋ก๊ทธ ๊ธฐ๋ฅ์ ํ์ฅํฉ๋๋ค. (์: SEO ํ๊ทธ, ์ฌ์ดํธ๋งต ์์ฑ๊ธฐ)
-
์ฌ์ฉ์ ์ ์ 404 ํ์ด์ง
์ฐฝ์์ ์ธ 404 ์ค๋ฅ ํ์ด์ง๋ฅผ ๋ง๋ค์ด ์ฌ์ฉ์ ๊ฒฝํ์ ๊ฐ์ ํฉ๋๋ค.
-
์ฝ๋ ํ์ด๋ผ์ดํ ์ต์ ํ
Prism.js๋ Highlight.js๋ฅผ ์ฌ์ฉํ์ฌ ์ฝ๋ ์ค๋ํซ์ ๊ฐ๋ ์ฑ์ ๋์ ๋๋ค.
-
์ฑ๋ฅ ์ต์ ํ
์ด๋ฏธ์ง ์์ถ, ์๋ฐ์คํฌ๋ฆฝํธ ์ง์ฐ ๋ก๋ฉ ๋ฑ์ ๊ธฐ๋ฒ์ ์ ์ฉํ์ฌ ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ๊ฐ์ ํฉ๋๋ค.
๊ฒฐ๋ก
GitHub๋ฅผ ์ฌ์ฉํ ๋ฌด๋ฃ ๋ธ๋ก๊ทธ ์ ์์ ๊ธฐ์ ์งํฅ์ ์ธ ์๊ฐ๋ค์๊ฒ ์ด์์ ์ธ ์ ํ์ ๋๋ค. ์ด๊ธฐ ์ค์ ์ ์ด๋ ค์์ ์์ ์ ์์ง๋ง, ๊ทธ ๊ณผ์ ์์ ์ป๋ ํ์ต ๊ฒฝํ๊ณผ ์ต์ข ์ ์ผ๋ก ์ป๊ฒ ๋๋ ๋์ ์์ค์ ์ปค์คํฐ๋ง์ด์ง ๋ฅ๋ ฅ์ ๋งค์ฐ ๊ฐ์น ์์ต๋๋ค.
๋ฌด๋ฃ ํธ์คํ , ๋ฒ์ ๊ด๋ฆฌ, ๋์ ์ฑ๋ฅ, ๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฐ์ ์นํ์ ์ธ ํ๊ฒฝ ๋ฑ GitHub ๋ธ๋ก๊ทธ์ ์ฅ์ ์ ์ด๊ธฐ์ ๋ ธ๋ ฅ์ ์ถฉ๋ถํ ๋ณด์ํฉ๋๋ค. SEO ์ต์ ํ, ํจ๊ณผ์ ์ธ ์ฝํ ์ธ ์ ๋ต, ๊ทธ๋ฆฌ๊ณ ์ง์์ ์ธ ํ์ต๊ณผ ๊ฐ์ ์ ํตํด ์ฌ๋ฌ๋ถ์ GitHub ๋ธ๋ก๊ทธ๋ ๊ฐ๋ ฅํ ์จ๋ผ์ธ presence๊ฐ ๋ ์ ์์ต๋๋ค.
์ด ๊ฐ์ด๋๋ฅผ ํตํด GitHub ๋ธ๋ก๊ทธ ์ ์์ ์์ํ๊ณ , ์ฌ๋ฌ๋ถ๋ง์ ๋ ํนํ ๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ์ฑ๊ณต์ ์ผ๋ก ์ด์ํ์๊ธฐ ๋ฐ๋๋๋ค. ํ์ด์ ๋น๋๋ค!
↑ ๋ชฉ์ฐจ๋ก
๋๊ธ
๋๊ธ ์ฐ๊ธฐ