
10์๋ถํฐ ์๋ก ๋ธ๋ก๊ทธ๋ฅผ ์์ํ๊ฒ ๋์์ต๋๋ค.
์ฌ์ค ๊ฐ๋ฐ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ ๊ฒ์ ์ด๋ฒ์ด ์ฒ์์ด ์๋๋๋ค. ๊ทธ๋ผ์๋ ํญ์ ์ด๋ ต๊ณ , ๋ง์์ ๋ค์ง ์์๋ ๊ฒ์ด ๊ฐ๋ฐ ๋ธ๋ก๊ทธ์์ต๋๋ค. ๊ทธ๋์ ๋ธ๋ก๊ทธ์ ๊ดํด์ ํ๋ ๊ณ ๋ฏผ๊ณผ ์๊ฐ๋ค์ ์ ๋ฆฌํด ๋ณด๋ ค๊ณ ํฉ๋๋ค.
๊ฐ์ธ์ ์ฃผ๊ด์ด ๋ง์ด ๋ค์ด๊ฐ ์์ ์ ๋๋ค.
๋ด ๋ธ๋ก๊ทธ๊ฐ ํ์ํ ์ด์
๊ฐ๋จํ ํ๋ฉด ์ ๋ฆฌ๋ฅผ ์ํด์์
๋๋ค.
๊น๋ํ๊ฒ ์ ๋ฆฌํด์, ์ด๋์๋ ํธํ๊ฒ ๋ณผ ์ ์๊ธฐ๋ฅผ ์ํ์ต๋๋ค.
์ ๋ฆฌํด์ ๋ก์ปฌ ํ์ผ๋ก ๋๋ค๋ฉด ์ด๋์๋ ๋ณผ ์ ์์์ต๋๋ค.
๋
ธํธ ์ฑ์ ํ์ฉํ ์๋ ์์ง๋ง, ์ ํธํ๋ ๋ฐฉ์์ด ์๋์์ต๋๋ค.
๋ธ๋ก๊ทธ๋ ์ธํฐ๋ท๋ง ์ฐ๊ฒฐ๋์ด ์์ผ๋ฉด ์ด๋์์๋ ๋ณผ ์ ์๊ณ ,
์๋ฃ๊ฐ ๋ง์์ ธ๋ ๊ฒ์ ์์ง์ด๋ ์ฌ์ดํธ ๋ด ํํฐ๊ฐ ๊ฑธ๋ฌ ์ฃผ๊ณ ,
์ฑ ์ ์์ด๋ ๋ก๊ทธ์ธ ๊ฐ์ ์ ์ฐจ๋ ํ์ ์์ต๋๋ค.
๋๊ตฐ๊ฐ์๊ฒ ๋์์ด ๋ ์๋ ์์ต๋๋ค. ๊ฐ์ฅ ๋ง์์ ๋ค์์ต๋๋ค.
์๊ฐ ์ ๋ฆฌํ๊ธฐ
์์ ๊ฐ์ ์ด์ ๋ก ๋ธ๋ก๊ทธ๋ฅผ ์์ํ์ง๋ง, ์ง๊ธ๊น์ง ์ฌ๋ฌ ๋ฒ ๋ธ๋ก๊ทธ๋ฅผ ์ค๋จํ์ต๋๋ค.
๊ฐ์ ๊ณผ์ ์ ๋ฐ๋ณตํ์ง ์๊ธฐ ์ํด ์ด์ ์ํ์ฐฉ์ค๋ฅผ ๋์๋ณด๊ณ ์๊ฐ์ ๊ฐ๋ฌด๋ฆฌํด ๋ณด์์ต๋๋ค.
๊ณ ๋ คํ์ง ์์๋ ๊ฒ
- ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ โฆ ํฐ์คํ ๋ฆฌ
- ๋ธ๋ก๊ทธ์ ์ง์ฌ์ ์๋์ง๋ง, ์ต์ํ์ ์ฐจ๋ณ์ ์ ๋๊ณ ์ถ์์ต๋๋ค.
- SEO โฆ ๊ด๊ณ โฆ
- ๊ฐ๋ฐ ๋ธ๋ก๊ทธ๋ก ๋ช
์ฑ์ ์๋ ๊ฒ์ ์ฐ์ ์์๊ฐ ๋ฎ์์ต๋๋ค.
๋์์ ์ฃผ๋ ๊ฒ๋, ํฌํธํด๋ฆฌ์ค๋ก ์ฌ์ฉํ๋ ๊ฒ๋ ๋ชจ๋ ๋ถ์์ ์ธ ๋ชฉ์ ์ ๋๋ค. - ๋ธ๋ก๊ทธ๋ฅผ ์์ ์ ์ผ๋ก ์ด์ฉํ ์๊ฐ๋ ์์ต๋๋ค.
- ๊ทธ๋์ SEO ๋ฑ์ ์์๋ ํฌ๊ฒ ๊ณ ๋ คํ์ง ์์์ต๋๋ค. ๊ธฐ๋ณธ์ ์ธ ์ค์ ์ผ๋ก ์ถฉ๋ถํ๋ค๊ณ ์๊ฐํ์ต๋๋ค.
- ๊ฐ๋ฐ ๋ธ๋ก๊ทธ๋ก ๋ช
์ฑ์ ์๋ ๊ฒ์ ์ฐ์ ์์๊ฐ ๋ฎ์์ต๋๋ค.
๊ฑฐ์ณ์๋ ์๋จ๋ค
-
GitHub Pages (Jekyll)
๋จ๋ค ๋ฐ๋ผ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค์๋ ์๊ธฐ๋ผ ๋๊ธฐ๋ถ์ฌ๊ฐ ๋จ์ด์ก์ต๋๋ค.
Ruby ๊ธฐ๋ฐ์ด๋ผ ๊ฑฐ๋ฆฌ๊ฐ์ด ์์๊ณ , ๊ทธ๋์ ์ด๋ฒ์๋ ์ ํ์ง์ ์์์ต๋๋ค. -
GitHub Pages (Gatsby โฆ Next.js)
ํ๋ฌ๊ทธ์ธ์ด๋ ํด๋ ๊ตฌ์กฐ ๋ฑ์์ ์์ ๋๊ฐ ์ ํ๋๋ ๋๋์ด์์ต๋๋ค.
๊ณต์๋ ์๊ฐ๋ณด๋ค ์ ์ง ์์๋ ๊ฒ์ผ๋ก ๊ธฐ์ตํฉ๋๋ค.- ๋ค๋ง, Next.js ์์ฒด๋ ๊ฐ์ธ์ ์ผ๋ก ์ฃผ๋ชฉํ๊ณ ์์ต๋๋ค.
-
์ง์ ๊ตฌํ (React ๋ฑ)
์ค๊ฐ์ 2๋ฒ ์ ๋ ์๋ํ์ต๋๋ค. ์ด๋ก ์ ์์ ๋๋ ๋ฌดํ์ด์ง๋งโฆ ๊ทธ๋งํผ ๊ณต์๊ฐ ๋ฌด์ง๋ง์งํ๊ฒ ๋ค์ด๊ฐ์ต๋๋ค. -
velog โฆ Medium ๋ฑ์ ํ๋ซํผ
์ ํด์ง ํ ์์์ ๋ธ๋ก๊ทธ๋ฅผ ๊ตฌ์ฑํด์ผ ํ๊ธฐ ๋๋ฌธ์ ํน๋ณํ ์ฅ์ ์ด ์๊ฑฐ๋ ๋ถํธํ ์ ์ด ๋ณด์ด๊ธฐ ์์ํ๋ฉด ์ ์ฐฉ์ด ํ๋ค์์ต๋๋ค. ์ฅ์ ์ผ๋ก ์ธ๊ธ๋๋ ๋์ ์ปค๋ฎค๋ํฐ๋ ์ ์๊ฒ๋ ๋งค๋ ฅ์ ์ด์ง ์์์ต๋๋ค.
๋ฐฉํฅ์ฑ ์ ํ๊ธฐ
์ฌ๋ฌ ๋ฐฉ๋ฉด์ผ๋ก ์ฐพ์๋ณด์์ง๋ง, 100% ๋ง๋ ์ท์ ์์์ต๋๋ค.
ํ์ง๋ง ๋ณด์ด๋ ๋ฒ์ ๋ด์์ ๊ฒฐ๋ก ์ ๋ด์ผ ํ์ต๋๋ค.
- ํ๋ซํผ์ ์ ์ธํ๊ธฐ๋ก ํ์ต๋๋ค.
- Customization์ด ์ ํ๋๊ฑฐ๋ ๋ถ๊ฐ๋ฅํ๋ค๋ ์ ์ด ๋ง์ด ๊ฑธ๋ ธ์ต๋๋ค.
- ๋์ ์ปค๋ฎค๋ํฐ์ ๊ณต๊ฐ์ฑ์ ์ ์๊ฒ ์ฅ์ ์ด ์๋์๊ณ , ์คํ๋ ค ๋ถ๋ด์ด๊ธฐ๋ ํ์ต๋๋ค.
- ๊ฒฐ๊ตญ ์ง์ ๋ง๋ค์ด์ผ ํ๋๋ฐ, ๋งจ๋
์์ ๋ง๋๋ ๊ฒ์ ๊ณต์๊ฐ ๋๋ฌด ์ปธ์ต๋๋ค.
์ฝ๊ฐ์ ํ ํ๋ฆฟ์ ์ญ์ ํ์ํ๋ค ๋๊ผ์ต๋๋ค.
์ต์ข ๊ฒฐ์
๋คํํ Hugo์ Doks ํ
๋ง๋ฅผ ์ฐพ์ ๋ธ๋ก๊ทธ๋ฅผ ๋ค์ ๊ฐ์คํ์ต๋๋ค.
Doks ํ
๋ง๋ 2021๋
๋ถํฐ ์์๊ณ Hugo๋ ๋ ์ค๋๋์์ง๋ง, ๋น์ ์ ๊ฐ ๋ฐ๊ฒฌํ์ง ๋ชปํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
์ข์ ์
- Doks ํ ๋ง ๊ธฐ์ค Node.js๋ก ์ค์ ์ด ๋๋๋ ๊ฒ์ ์ ๋ง ํธํ์ต๋๋ค.
- ์ ๋ง ํ์ํ ๊ฒ๋ง ์๊ณ , Customization๋ ์ฌ์ ์ต๋๋ค.
- ๊ธฐ๋ณธ ํ ๋ง๊ฐ ๊ณผํ์ง ์๊ณ ๊น๋ํ์ต๋๋ค. Jekyll์์ ์๋ง์ SNS ๋ฒํผ๊ณผ ๋ถํ์ํ ์ต์ ์ ์ด์ฌํ ์ง์ ๋ ๊ธฐ์ต์ด ์๋๋ฐ, ํฐ ๊ณต์ ์์ด ํ์ํ ๊ธฐ๋ฅ๋ง ๋จ๊ธธ ์ ์์ด ์ข์์ต๋๋ค.
- ๊ฐ๋จํ HTML ์ค๋ฒ๋ผ์ด๋ฉ์ผ๋ก ๊ป๋๋ฌ์ด ๋ถ๋ถ์ ์ ์ญ ์ค์ ์ ํด๊ฒฐํ ์ ์์์ต๋๋ค.
๊ฑธ๋ฆฌ๋ ์
- ์ญ์ ๋งํฌ๋ค์ด๋ณด๋ค ํ ์๋น์ค์ ํธ๋ฆฌํ ์๋ํฐ๊ฐ ๊ทธ๋ฆฌ์ด ๋๋ ๋ถ๋ช ํ ์์ต๋๋ค. ํ์ง๋ง ์ ์ ๊ณต์๋ก ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค๊ธฐ์ ์ด๋งํ ๊ฒ์ด ์๋ ๊ฒ๋ ์ฌ์ค์ ๋๋ค. ํ์ผ๋ ๋ณด์กดํ ์ ์๊ณ , ๋งํฌ๋ค์ด์ ์ฌ์ฉํ๋ ๊ฐ๋ฐ ๋ธ๋ก๊ทธ๋ฅผ ๊ณ ํ๊ฐ ํ๋ ๊ฒฝ์ฐ๋ ๊ฝค๋ ์์ด์ ๋น๋ถ๊ฐ ๋งํฌ๋ค์ด์ ์๊ณ ๊ฐ์ผ ํ์ง ์์๊น ์ถ์ต๋๋ค.
- ์์ง ๊ธ ๊ณต๊ฐ์ ๋ํ ๊ฑฐ๋ถ๊ฐ์ด ํฐ ํธ์
๋๋ค.
๋ง์ง๋ง์ผ๋ก ์ฌ์ฉํ ๊ฒ์ด Medium์ธ๋ฐ, ์์ด๋ฌ๋ํ๊ฒ๋ ๊ฒ์๊ฒฐ๊ณผ์ ์ ๊ธ์ด ๋์ค๋ ๊ฒ์ ๋ณธ ๊ฒ์ด ๋ธ๋ก๊ทธ ํญํ์ ๊ฒฐ์ ์ ์ธ ๊ณ๊ธฐ๊ฐ ๋์์ต๋๋ค. ์๋ฌด๋๋ Medium์ ๊ธ๋ก ํ์ด๋ด๋ ๋ฅ๋ ฅ์ด ์ข์์ผ ํ๋๋ฐ, ์ ๋ ๊ทธ๋ ์ง ๋ชปํ๋ค๊ณ ์๊ฐํด์ ๋ ๊ทธ๋ฌ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ด๊ฑด ์ฑํฅ ๋ฌธ์ ๋ ์์ด์โฆ ๊ธธ๊ฒ ์ค๋ช ํ์ง ์๊ฒ ์ต๋๋ค.
๋ง์น๋ฉฐ
์ฌ๋ฌ ๋ฒ ๋ธ๋ก๊ทธ๋ฅผ ๋ฐ๊พธ๋ฉด์, โ์ ๋ง๋ ๊ฑธ ์ต์ง๋ก ๊ณ์ํ๋ ๊ฑด ์๋๊น?โ ์๊ฐ๋ ๋ค์์ต๋๋ค. ์ด๋ฒ์๋ ์ค๋จํ๊ฒ ๋๋ค๋ฉด, ๋ฐ์๋ค์ฌ์ผ ํ์ง ์์๊น ์ถ๊ธฐ๋ ํฉ๋๋ค.
๊ทธ๋๋ ์ด๋ฒ์ GitHub ๋ธ๋ก๊ทธ๋ก ๋ค์ ์จ๊ณ (?), ๋๊ธฐ๋ถ์ฌ๋ฅผ ์ํด ๊ฐ์ธ ๋๋ฉ์ธ๋ ๊ตฌ๋งคํ์ต๋๋ค. ์ ๋ฆฌ์ ํ์์ฑ์ ๊ฐ๋ฐ์ ์ผ์ ๊ณ์ํ ์๋ก ๋๋ผ๊ณ ์์ด์, ์ผ๋จ ๊ณ์ํด ๋ณด๋ ค๊ณ ํฉ๋๋ค.